Learn How to Make a List With HTML Code
Hello there fellow Steemians, in this short but comprehensive guide, I will show you how to make unordered and ordered lists in HTML. These two types of lists work the same way. The only difference is that unordered list is used for the non-sequential list and items are usually preceded by bullets while ordered list is represented with numbers. I know that there's also a markdown code that is more easy to use. But the problem with markdown is that it won't work sometimes. For an example, markdown won't work when you already used HTML codes like in my previous guides for Floating images and Both Side Alligment. So it's recommended that you edit your posts with HTML code.
Unordered list
The ul tag is used for creating unordered list while the ol tag is used to define ordered list. When inside the list you use li tag to define each list item. Let's see how your code should look if you want to make an unordered list:
Why I love steemit:
<ul>
<li>You can earn from your home</li>
<li>You can improve your English</li>
<li>Because you can make connections with people.</li>
<li>Because you can read so many new and interesting things</li>
<li>Because there's so many good and supportive people around</li>
</ul>
When this is applied as a code, it will look like this:
Why I love steemit:
- You can earn from your home
- You can improve your english language
- Because you can make connections with people.
- Because you can read so many new and interesting things
- Because there's so many good and supportive people around
Ordered list
If we want to make an ordered list, we will use ol tag:
Why I love steemit:
<ol>
<li>You can earn from your home</li>
<li>You can improve your english language</li>
<li>Because you can make connections with people.</li>
<li>Because you can read so many new and interesting things</li>
<li>Because there's so many good and supportive people around</li>
</ol>
And we will get this:
Why I love steemit:
- You can earn from your home
- You can improve your english language
- Because you can make connections with people.
- Because you can read so many new and interesting things
- Because there's so many good and supportive people around
Check my Other Articles too
That's it, end of the guide. I hope that you learned something useful there. I will soon post about creating tables and many new things so stay tuned.
Also, feel free to check my other articles as well:
Gif source
Image sources: 1, 2
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I was looking for this to write my post. Thanks
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
@jokster got you a $1.68 @minnowbooster upgoat, nice! (Image: pixabay.com)
Want a boost? Click here to read more!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Hello. well I have a big problem with the ordered list. I created the list and put in every item as I should. They all align at a certain distance from the left margin. No problem so far.
The problem is that the text located AFTER I close the ordered list with remains at the same distance (at the same indent, I think) as the text in the list.
Has anyone had the same problem?
What should be the solution?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
You've got a gift for this.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This post has received a 1.56 % upvote from @drotto thanks to: @banjo.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This post has received a 1.58 % upvote from @lovejuice thanks to: @jokster. They have officially sprayed their dank amps all over your post rewards. GOOD TIMES! Vote for Aggroed!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Congratulations! This post has been upvoted from the communal account, @minnowsupport, by Jokster from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews/crimsonclad, and netuoso. The goal is to help Steemit grow by supporting Minnows and creating a social network. Please find us in the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
There is a much easier way to make a unordered list.
Just use *+ [space] before a line
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit