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

Eqsash (Tools)

Android app - VK LAST USER ID, отучитель от зависимости и т.д.:
Available on Google Play

Amessage (Communication)

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

Share this

Subscribe to

YouTube

Books

IT notes - In simple language about the most necessary things (HTML, CSS, JavaScript, PHP, databases, Drupal, Bitrix, SEO, domains, security and more), PDF, 500 p.