HTML Unordered List
Browsers will automatically change the list mark.
An unordered list starts with the <ul> tag.
Each list item starts with the <li> tag.
Example: 1
<html>
<head>
</head>
<body>
<ul>
<li>Home </li>
<li>HTML</li>
<li>PHP </li>
</ul>
</body>
</html>
Output
- Home
- HTML
- PHP
There are three types of bullets in unordered list:
a)Disc (default)
b)Circle
c)Square
a)Disc (default):
Example: 2
<html>
<head>
</head>
<body>
<ul type="disc">
<li>Home </li>
<li>HTML</li>
<li>PHP </li>
</ul>
</body>
</html>
Output
- Home
- HTML
- PHP
b)Circle
Example: 3
<html>
<head>
</head>
<body>
<ul type="circle">
<li>Home </li>
<li>PHP </li>
<li>HTML </li>
</ul>
</body>
</html>
Output
- Home
- PHP
- HTML
c)Square
Example: 4
<html>
<head>
</head>
<body>
<ul type="square">
<li>Home </li>
<li>PHP </li>
<li>HTML </li>
</ul>
</body>
</html>
Output
- Home
- PHP
- HTML
No comments:
Post a Comment