How to create a list in HTML using the ul, ol and dl tags

18.08.18 IT / Html 3758

Lists are for grouping information on a specific topic, they might be needed anywhere. In HTML there are special tags for their creation, it all depends on which list need to be done.

Lists can be of different types:

• marked - created using the ul tag, each item in the list is marked with a marker;
• numbered - created using the ol tag, each item in the list is marked with a number. The following attributes are available: reversed, start, type ;
• definition list - created using the dl tag, consists of term and definition pairs.

An example of a bulleted list:

  & lt; ul>
& lt; li> Item 1 & lt; / li>
& lt; li> Item 2 & lt; / li>
& lt; li> Item 3 & lt; / li>
& lt; / ul>
 

Example of a numbered list:

  & lt; ol>
& lt; li> Item 1 & lt; / li>
& lt; li> Item 2 & lt; / li>
& lt; li> Item 3 & lt; / li>
& lt; / ol>
 

An example of a definition list:

  & lt; dl>
& lt; dt> Term 1 & lt; / dt>
& lt; dd> Definition 1 & lt; / dd>
& lt; dt> Term 2 & lt; / dt>
& lt; dd> Definition 1 & lt; / dd>
& lt; dd> Definition 2 & lt; / dd>
& lt; dd> Definition 3 & lt; / dd>
& lt; / dl>
 

Thus, creating a list in HTML is quite simple, just use the tags listed above.