Sign in Registration
ruen

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

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.

html-lists-ul-ol-dl

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.

Comments (0)
For commenting sign in or register.

Latest articles

Popular sections

Communication

Login to the web version
Android app:
Available on Google Play

Share this

Subscribe to

YouTube