Title: Creating Lists in HTML, Web Designing course in Ameerpet Hyderabad, Web Design Training Institute in Hyderabad
1 Creating Lists in HTML
2- Lists are often used to present information in an
easy to read fashion. - Lists can also be used to indent information.
Lists can be bulleted, numbered or printed
without bullets and numbers. - It should also be noted that in any type of list,
you can still use the line break and paragraph
tags and the normal text markup tags to emphasize
text, etc.
3Types of Lists
- There are three types of lists
- UNORDERED LISTS (uses bullets)
- ORDERED LISTS (uses numbers)
- DEFINITION LISTS (no numbers or bullets).
4CREATING AN UNORDERED LIST
- Unordered Lists are bulleted lists. You use the
opening tag ltULgt to indicate the beginning of an
Unordered List. - To indicate the end of the Unordered List, you
use the ending tag lt/ULgt. - Each item in your bulleted list must begin with
the tag ltLIgt. - ltLIgt stands for List Item.
5Look at these examples to see the detailed syntax.
6HTML-CODE EXPLANATION / EXAMPLE
ltulgtltligttextlt/ligtltligttextlt/ligtltligttextlt/ligtlt/ulgt Makes a bulleted list using the default bullet typetext text text
ltul type"disc"gt Starts a bulleted list using discs as bulletsThis is one line This is another line And this is the final line
ltul type"circle"gt Starts a bulleted list using circles as bullets This is one line This is another line And this is the final line
ltul type"square"gt Starts a bulleted list using squares as bullets This is one line This is another line And this is the final line
7How to make different kinds of numbered lists.
- You have the following number optionsPlain
numbers - Capital Letters
- Small Letters
- Capital Roman Numbers
- Small Roman Numbers
8HTML-CODE EXPLANATION / EXAMPLE
ltolgtltligttextlt/ligtltligttextlt/ligtltligttextlt/ligtlt/olgt Makes a numbered list using the default number typetext text text
ltol start"5"gt Starts a numbered list, first being 5.This is one line This is another line And this is the final line
ltol type"A"gt Starts a numbered list, using capital letters.This is one line This is another line And this is the final line
9ltol type"a"gt Starts a numbered list, using small letters.This is one line This is another line And this is the final line
ltol type"I"gt Starts a numbered list, using capital roman numbers.This is one line This is another line And this is the final line
ltol type"i"gt Starts a numbered list, using small roman numbers.This is one line This is another line And this is the final line
10ltol type"I" start"7"gt An example of how type and start can be combined.This is one line This is another line And this is the final line
ltol type"1"gt Starts a numbered list, using normal numbers.This is one line This is another line And this is the final line
11CREATING A DEFINITION LIST (NO BULLETS OR
NUMBERS)
- A Definition List also manipulates text for you.
Unordered Lists and Ordered lists are "single
item" or "one tier" lists because each ltLIgt
creates one list item. - A Definition List is a "two item" or a "two
tier" list
12- ltDLgt
- ltDTgtflame
- ltDDgtan ugly argument in a newsgroup
- ltDTgtspam
- ltDDgtannoying unrequested email
- ltDTgttroll
- ltDDgtsomeone who start flames by posting stupid
things - lt/DLgt
13Output
- flame
- an ugly argument in a newsgroup
- spam
- annoying unrequested email
- troll
- someone who start flames by posting stupid
things
14