|
Online Training for Asp.net MVC Web Designing Development, MS SQL, Digital Marketing |
HTML Tags
HTML5
List UL, LI tag in HTML, Online HTML Tutorial
List, UL, LI tag in HTML
UL, LI tag <ul></ul> is used when we want to display something in a list
This is how your List, UL, LI tag may look like.
Output here:
Choose List Item Marker
The CSS list-style-type property is used to define the style of the list item marker:
type="square"
Output here:
Use OL tag <ol></ol>, when you need auto number
Output here:
You also can change the display style using Css
UL, LI tag <ul></ul> is used when we want to display something in a list
This is how your List, UL, LI tag may look like.
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
<li>List Item 5</li>
</ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
<li>List Item 5</li>
</ul>
Output here:
- List Item 1
- List Item 2
- List Item 3
- List Item 4
- List Item 5
Choose List Item Marker
The CSS list-style-type property is used to define the style of the list item marker:
| type | list-style-type Description |
| disc | |
| circle | Sets the list item marker to a circle |
| square |
type="square"
Output here:
- List Item 1
- List Item 2
- List Item 3
- List Item 4
- List Item 5
Use OL tag <ol></ol>, when you need auto number
<ol>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
<li>List Item 5</li>
</ol>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
<li>List Item 5</li>
</ol>
Output here:
- List Item 1
- List Item 2
- List Item 3
- List Item 4
- List Item 5
You also can change the display style using Css
List UL, LI tag in HTML, Online HTML Tutorial
