Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists

Slides:



Advertisements
Similar presentations
HTML popo.
Advertisements

Note-Taking.
HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.
Lists, Lists, & Lists Unordered List Ordered List Definition List.
Chapter 4 – Intermediate HTML 4 Outline 4.1 Unordered Lists 4.2 Nested and Ordered Lists 4.3 Basic HTML Tables 4.4 Intermediate HTML Tables and Formatting.
Chapter 3 Working with Text and Cascading Style Sheets.
1 Lists: Bringing Order Out of Chaous Plain Text Lists List Making Tags Ordered and Unordered Lists Key Terms Review Questions.
HTML Code HTML can be written on the simplest text programs. A web page is defined by the tag.
SSome HTML tags allow you to specify a variety of options, or attributes, along with the basic tag itself. For example, when you begin a paragraph with.
Session: 3. © Aptech Ltd. 2Formatting Text using Tags / Session 3  Explain the Heading tag  Explain the different tags related to formatting  Explain.
Chapter 3 BIE1313/BPROG1203 | Web design Prepared by Mohamed Abdulkarim / Mike Ng Ah Ngan.
Chapter 3 Working with Text and Cascading Style Sheets.
1 Web Development Lecture # 11 Introduction to XHTML (Chapter # 4) It.GulGasht.Com.
HTML Boot Camp: Formatted Lists
Ordered Lists By Brian Christian. Ordered List Tags You use this tag when you want to start an ordered list. Each list item you write need to start with.
How to create Web Pages. Some relevant websites ????
HTML 58.51A LINKING & LISTS Linking to local files name of destination.... anchor tag HREF attribute. This attribute identifies the location of the link.
Suzanne Sultan1 Line Breaks, Paragraphs, lists Lab3.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.
Agenda Lists Purpose Types of Lists: Unordered Ordered Definition.
Formatting Text with HTML. Objectives: Students will be able to: Define the structure of the document with block elements Format numbered, bulleted, and.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
XHTML Lists and Tables XHTML provides for nested tags. Example:... and are nested inside.
ECA 228 Internet/Intranet Design I HTML Tags. ECA 228 Internet/Intranet Design I anchor tags Adds a link to the web page Anything placed between the anchor.
The Complete Reference OMT II Mam Saima Gul. * Modern HTML has three basic forms of lists: ordered lists ( ), unordered lists ( ), and definition lists.
Elements and Attributes. XHTML Elements The element contains special information that does not necessarily show up on the web page. The element determines.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 15: Lists.
Unordered Lists Need to make a list of items that aren't numbered? You need.
Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.
Text Elements. We've already learned about the,,,, and elements. Now let's learn some elements that we'll use to present actual text content on our web.
© UNT in partnership with TEA1 Web Technologies Introduction to HTML Scripting.
Basic Webpage Design Formatting output using Unordered List and Ordered List tag.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
Spring 2009 Kevin Cole Gallaudet University
Tutorial 1 – Creating Web Pages With HTML
HTML Basics.
Client-Side Internet and Web Programming
LAB Work 01 MBA 61062: E-Commerce
Organizing Content with Lists and Tables
Elements of HTML Web Design – Sec 3-2
Elements of HTML Web Design – Sec 3-2
Web Development & Design Foundations with HTML5 7th Edition
Session 5: HTML J 0394 – Perancangan Situs Web Program Studi Manajemen
HTML Formatting.
Text Elements.
Chapter 1: Introduction to XHTML (part 1)
Ordered & Unordered Lists in HTML
HTML Lists CS 1150 Fall 2016.
Chapter 6 Lists.
Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists
Elements of HTML Web Design – Sec 3-2
Client-Side Internet and Web Programming
Elements and Attributes
List Practice.
Text Elements.
COS 125 DAY 23.
Text Elements.
Working with Text and Cascading Style Sheets
HTML ELEMENTS Ms. Olifer.
Introduction to XHTML Cont:.
HTML Lists CS 1150 Spring 2017.
Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists
HTML Lists.
Creating and modifying lists
Text Elements.
COS 125 DAY 13.
Lesson 2: HTML5 Coding.
LISTS.
Text Elements.
Lesson 3: Organizing your material
Presentation transcript:

Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists Usage of Ordered List Nesting Lists

Unordered Lists <ul>…</ul> Unordered list is a collection of related items that have no special order or sequence. <ul> tag is for creating lists with bullets. The <ul> tag has type attribute which can be set to either disc, circle, or square that effects the type of bullet preceding each item in the list. Each item in the list is identified by a leading <li> tag

Usage of Unordered List Link Collection Short non-sequenced group of text Emphasizing high points of presentation Advantage  Automatic indentation, line break, and bullets

Ordered Lists <ol>…</ol> The <ol> tag is for creating ordered list. These are lists where each item is numbered or lettered. The system of labeling is determined by the type attribute. Values for the type attribute: “1” -- Numeral “A” -- Capital letters “a” -- Lowercase letters “I” -- Capital Roman Numerals “i” -- Lowercase Roman Numerals

Usage of Ordered List Table of contents Instruction sequence Sets of sequential sections of text Advantage  Automatic indentation, line break, and numbers or letters

Nesting Lists Enclosed in a Unordered or Ordered list is a subset(s) of unordered or ordered list