How to use <ul> Tag in HTML ?
Last Updated :
01 Feb, 2024
To create an unordered list in HTML, you can use the <ul>
(Unordered List) element along with the <li>
(List Item) elements to define each item in the list. The items are typically displayed with bullet points by default, but the styling can be modified using CSS.
Disc |
Default bullet-shaped marker. |
Circle |
Circular marker for list items. |
Square |
Square-shaped marker for list items. |
None |
List items without any visible marker. |
Syntax
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Example: Implementation creates an unordered list in HTML.
HTML
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title >Numbering</ title >
</ head >
< body >
< ul >
< li >Item 1</ li >
< li >Item 2</ li >
< li >Item 3</ li >
</ ul >
</ body >
</ html >
|
Output:
Share your thoughts in the comments
Please Login to comment...