11-HTML List

0
362

This tutorial is all about HTML List.
In web browsers HTML lists appear as bulleted lines of text. HTML lists has 3 different types:  unordered lists (bullets), ordered lists (numbers), and definition lists (think: dictionaries).

 

This list tags such  as <ul> are the container elements for the list items <li>. These list tags are working behind the scenes to recognize the beginning and ending of an HTML list element.

Example of unordered list  tag <ul>

Result:

    Sites

  • itsourcecode
  • snappytrends
  • snappymindz
  • snappyinfos

Example of unordered list  tag <ul> with different type of bullet:

An ordered list tag is stated using the <ol> tag, and the items are listed with numbers instead of bullets.

Example ordered list tags:

Another example of  ordered list tags  that has a letter and Roman Numerals using the type attribute.

 

HTML definition lists <dl> have a unique array of tags and elements and the results of these listings are similar  in a dictionary.

  • <dl> – start of the list
  • <dt> – definition term
  • <dd> –  list item

Example:

 

 

Readers might read also:

Facebook Comments

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.