HTML Lists

Let us learn about the List element, firstly there are 2 different way to use it, “order list” and “unorder list”.

How does it look like? you may come along seeing a few of them being used in the previous tutorial.

Order List

  1. Apple
  2. Banana
  3. Carrot
  4. Orange

 

Unorder List

  • Apple
  • Banana
  • Carrot
  • Orange

 

did you catch the difference?

Order list are being mark with numbers.

Unorder list are being mark with shapes.

 

Order list

<ol>
<li>Apple</li>
<li>Banana</li>
<li>Carrot</li>
<li>Orange</li>
</ol>


Unorder list

<ul>
<li>Apple</li>
<li>Banana</li>
<li>Carrot</li>
<li>Orange</li>
</ul>

Try Elementor For Free

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Features

  • Overview
  • Design
  • Programing
  • Collaborate
  • Soon to Come

Get Started

  • Tutorials
  • Resources
  • Guides
  • Examples
  • Docs

About

  • Stories
  • Community
  • Blog
  • Careers
  • Brand Assets

Downloads

  • Mobile UI Kit
  • Web UI Kit
  • Psd files
  • Icons
  • Mockups

© 2018 All rights reserved