Creating Lists in HTML, Web Designing course in Ameerpet Hyderabad, Web Design Training Institute in Hyderabad

1
Creating Lists in HTML

• PRISM Multimedia

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.

3
Types of Lists

• There are three types of lists
• UNORDERED LISTS (uses bullets)
• ORDERED LISTS (uses numbers)
• DEFINITION LISTS (no numbers or bullets).

4
CREATING 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.

5
Look at these examples to see the detailed syntax.
6
HTML-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
7
How to make different kinds of numbered lists.

• You have the following number optionsPlain
  numbers
• Capital Letters
• Small Letters
• Capital Roman Numbers
• Small Roman Numbers

8
HTML-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
9
ltol 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
10
ltol 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
11
CREATING 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

13
Output

• flame
• an ugly argument in a newsgroup
• spam
• annoying unrequested email
• troll
• someone who start flames by posting stupid
  things

14

• THANK YOU