HTML Tutorial 15: Creating Lists on Webpage


The next thing am gonna teach you is the Lists

And we have 2 types if lists;

1. Unordered list

Who can tell us the 2nd list?

Yeah! We all got it.. 2. Ordered list

The ordered lists is in order, meaning normally have numbers or alphabet listed while unordered lists usually have bullets, not gun powder or bullets. Something like this💠

Go ahead and create a new file and save it as list.html and paste this👇

Example of Unordered List

______start from <!doctype html>_______

<!doctype html>
<html>
<head>
<title>TopCrix Studio</title>
</head>
<body>
<ul>
<h3>What I want this Year!</h3>
<li>A mansion</li>
<li>A new car</li>
<li>A good wife</li>
<li>Smart Kids</li>
</ul>
</body>
</html>

________stop at </html>_______

Example of Ordered List

______start from <!doctype html>_______

<h3>What I need for Easter/ Sallah</h3>
<ol>
<li>Big White Chicken</li>
<li>Devon Kings Oil</li>
<li>Balenciaga</li>
<li>A trip to Dubai</li>
</ol>

________stop at </html>_______

That's how to create ordered and unordered lists, we gonna need this often in our upcoming tutorials. Get to know them, they are pretty easier to understand.

If you have any question, leave a comment below!

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Search