HTML

HTML Tutorials- part-5

Written by Saiful Islam

Html lists

List Creation:

Sometimes we need to create various lists for representing food menu, tutorial serial, website menu bar, topic manual, service list and so on. So, we have to create html lists so that people can easily have a clear view on available products or services. Now, in this tutorial I will show off the way of list creation.
Structure:

Example:

Input

Output

  HtmlCss

 

Unordered list:

Structure:

 

Example:

Input

Output

 
  • Html
  • Css

 

Ordered list:

Structure:

 

Example:

Input

Output

 
  1. html
  2. css

 

Description:

  1. Here <ol> tag defines the ordered list.
  2. <li> states the items under the <ol> tag.

Definition List:
Structure:

<dl> <dt> <dd></dd> </dt> </dl>

Description:

  1. Here <dl> tag states the definition list.
  2. <dt> states the items in the list.
  3. <dd> tag explains the items in the list.

Example:

Input

Output

Facebook.com
Best social networking site
Youtube.com
Best video sharing site

 

 

About the author

Saiful Islam

Leave a Comment