{"post":"

Lists are used to group elements under a category. There are two types of lists: Ordered list and Unordered list.

Ordered lists are written using <ol> tag and unordered lists are written using <ul> tag.

These tags are followed by <li> tags which indicates the list items. Each item is placed between an opening <li> and a closing</li> tag.

By default ordered list are shown using numbers and unordered lists are shown using bullets. But these numberings and bullets can be changed and styled using CSS.
\n
\nExample of an unordered list:
\n

<ul>\n<li>apple</li>\n<li>banana</li>\n<li>grapes</li>\n</ul>

\nOutput: •apple
\n •banana
\n •grapes
\n
\nExample of ordered list:
\n

<ol>\n<li>apple</li>\n<li>banana</li>\n<li>grapes</li>\n</ol>

\nOutput: 1. apple
\n 2. banana
\n 3. grapes
\n
\nControl list counting:

By default, an ordered list will start counting from 1. To start counting from a specified number, start attribute is generally used.

For example:

<ol start=”20”>

HTML lists also include definition list and it is created with <dl> element. It usually consists of a series of terms and their definitions. Inside the <dl> element, there are <dt> and <dd> elements. <dt> is used to contain the term being defined and <dd> is used to contain the definition. For example:

<dl>\n<dt>Software</dt>
\n<dd>The programs and other operating information used by a computer.</dd>
\n<dt>Gauge</dt>
\n<dd>An instrument that measures and gives a visual display of the amount, level and contents of something.</dd>
\n<dt>Catastrophe</dt>
\n<dd>An event causing great and usually sudden damage or suffering; a disaster.</dd>
\n</dl>

\n
\nNested lists:
\nHTML lists can be nested which means we can put another list inside the already defined list.

For example:
\n

<ul>\n<li>eraser</li>\n<li>pen\n<ul>\n<li>ink pen</li>\n<li>gel pen</li>\n</ul>\n</li>\n<li>pencil</li>\n</ul>

\nOutput:
\n•eraser
\n•pen
\n °ink pen
\n °gel pen
\n•pencil

\n","title":"HTML Lists – Ordered and Unordered list","authorDetails":{"name":"Aayushi Bansal","slug":"aayushi-bansal"},"description":"Here we'll learn about lists in HTML, wich are of two types: Ordered list and Unordered list. Ordered lists are written using tag and unordered lists are written using tag.","slug":"html/html-lists/","articleId":"636a83457bb1ce5072622bcc","bookmarkStatus":{"isBookmarked":false,"bookmarkId":null}}

\nOutput: 1. apple\n 2. banana\n 3. grapes\n\nControl list counting:

\nOutput: 1. apple
\n 2. banana
\n 3. grapes
\n
\nControl list counting: