Lists

HTML

HTML Examples



Html Lists


Html lists appear in web browsers as bulleted lines of text. There are actually three different types of Html lists, including unordered lists (bullets), ordered lists (numbers), and definition lists (dictionaries). Each list type utilizes its own unique list tag.







Html Unordered Lists


An unordered list is a collection of related items that have no special order or sequence. An unordered list define by <ul> tag. Each list item define by <li> tag.





<ul> example

<ul>


 <li>Web Design</li>


 <li>Web Developer</li>


 <li>Graphics Design</li>


 <li>Logo Design</li>


</ul>









Html Ordered Lists


Websites also contents an ordered list just like an unordered list, except that the items are numbered instead of bulleted. The numbering starts at one and is incremented by one. An ordered list define by <ol> tag. Each list item define by <li> tag.





<ol> example

<ol>


 <li>Web Design</li>


 <li>Web Developer</li>


 <li>Graphics Design</li>


 <li>Logo Design</li>


</ol>









Html Definition Term Lists


Html and XHTML also support a list style entirely different from the ordered and unordered lists. Html definition lists are list elements that have a unique array of tags and elements, that similar to those are seen in a dictionary.


<dl> - Defines the opening closing of the definition term list.


<dt> - Defines the list item of definition term.


<dd> - Defines each terms or name of the list item.





<dl> example

<dl>


 <dt>Graphics</dt>


 <dd>-the products of the graphic arts.</dd>


 <dt>Animation</dt>


 <dd>-the state of being full of life or vigour.</dd>


</dl>