How's going on with you guys?
I hope you enjoyed previous posts and learned something very basic about HTML.
In this post we are gonna keep learning like that, and the topic is HTML Lists.
We Need Lists to make things in order, it's easily readable and we can find things pretty fast.
So there are mostly two types of lists used in HTML
1. Ordered list and 2. Un-ordered Lists
Well the name itself says that the ordered lists are with the order
of like : 1, 2, 3... or A, B, C or roman numbers
Whereas the unordered lists are lists without any counting or order like : Bullet points we use to make lists or some another symbols.
Examples :
<!-- We can set the type of the lists by default it is numbers in ol >
<h3>Good Movies
<ol>
<li>Rush</li>
<li>The Theory of Everything</li>
<li>Iron Man</li>
</ol>
Ordered lists can be useful when we are giving the steps for any processs.
Whereas in the lists where numbering doesn't even matter we can use un-ordered lists.
<h3>Simple lits</h3>
<ul>
<li>Ask Question to yourself</li>
<li>Think about it</li>
<li>Answer It</li>
</ul>
I hope you enjoyed previous posts and learned something very basic about HTML.
In this post we are gonna keep learning like that, and the topic is HTML Lists.
We Need Lists to make things in order, it's easily readable and we can find things pretty fast.
So there are mostly two types of lists used in HTML
1. Ordered list and 2. Un-ordered Lists
Well the name itself says that the ordered lists are with the order
of like : 1, 2, 3... or A, B, C or roman numbers
Whereas the unordered lists are lists without any counting or order like : Bullet points we use to make lists or some another symbols.
Examples :
<!-- We can set the type of the lists by default it is numbers in ol >
<h3>Good Movies
<ol>
<li>Rush</li>
<li>The Theory of Everything</li>
<li>Iron Man</li>
</ol>
Ordered lists can be useful when we are giving the steps for any processs.
Whereas in the lists where numbering doesn't even matter we can use un-ordered lists.
<h3>Simple lits</h3>
<ul>
<li>Ask Question to yourself</li>
<li>Think about it</li>
<li>Answer It</li>
</ul>
Also we can change the type attribute for the lists.
There is one more variable called start which gives us the option that from where we are gonna start the counting or a series of alphabets.
Example:
<ol type="a" start="b">
Will create a list with alphabets(small) and it will start with "b".
Same we can do with <ul> to change the type of the figure we are using
Example:
<ul type="disc">
or type can be a circle or default.
Thanks for reading.
And Keep reading.
No comments:
Post a Comment