Learn and Practice

I believe that the best way to learn html coding would be to practice what you have learned. By clicking on the part1 and part 2 links below, you can learn programming languages faster and easier. Re-take the tutorials , if needed.

Click on PART 1 to start from the beginning of the What Is HTML Code tutorial series. The link to part 2 is located in example 1, down below.

In today's lessons, you will learn how to bring order to an unordered html list, what and unordered list is, what tags are needed to create an unordered list. In simpler words, today you will learn about creating an html unordered list.

Learning By Example

Every page in this tutorial will have an example or two of an html unordered list. I hope this will make it easier for you to read my text tutorials.


Example 1 shows you what an ordered list will look like, when it's displayed on someone's web browser. Notice that the items are in number ordered, this makes it a ordered list.

Example 1

HTML List Names:

  1. Ordered List (see part 2 for more information)
  2. Unordered List
  3. Description List

<!DOCTYPE html>

<html>

<head>

<title>What Is An HTML Code></title>

</head>

<body>

<h2>HTML List Name</h2>

<ol>

<li>Ordered List </li>

<li>Unordered List</li>

<li>Description List</li>

</ol>

</body>

</html>


Example 2 shows you what an unordered looks like in a web browser. Notice the difference in the html tags being utilized, and the fact that bullets a being use as the item marker.

Example 2

How to Create a Business Website
  • Have a business goal/plan
  • Learn an industry trade that's in high demand
  • Understand your clients and their businesses
  • Offer your services as a specialist
  • Challenge Yourself
  • Give back to your community
  • Have Inspiration/Motivation
  • Have your own domain
  • Learn as you go

<!DOCTYPE html>

<html>

<head>

<title>What Is HTML Coding></title>

</head>

<body>

<h2>How to Create a Business Website</h2>

<ul>

<li>Have a business goal/plan</li>

<li>Learn an industry trade that's in high demand</li>

<li>Understand your clients and their businesses</li>

<li>Offer your services as a specialist</li>

<li>Challenge Yourself</li>

<li>Give back to your community</li>

<li>Have Inspiration/Motivation</li>

<li>Have your own domain</li>

<li>Learn as you go</li>

</ul>

</body>

</html>


The <ul>, </ul>, <li> and </li> html tags must be use when creating an html unordered list. They are placed in the html document body section.



If you have any questions about creating unordered list using html and css, please use the dussicion group or send me an PM here at Wealthy Affiliate.

UP NEXT - HTML Code: Create Nested List



Join the Discussion
Write something…
Recent messages
storm57 Premium
Thanks, I am actually in the process of learning this in another course. So to go over it again in this training is great.
Gail
Reply
seconds2work Premium
I'm glad it can help. I'm always looking for information about programming and studying. Thank you Gail,
Reply
startouched Premium
Good stuff!
Thanks for sharing this information!
Kathy
Reply
seconds2work Premium
You're welcome, Kathy, and thank you
Reply
JMupanguri Premium
Thanks for sharing.
Reply
seconds2work Premium
thank you for reading it.
Reply
reanna1 Premium
Thank you, LeNard!
Reply
seconds2work Premium
thank you
Reply
MKearns Premium
Learning HTML is a good predecessor to learning WordPress!
Reply
seconds2work Premium
?
Reply
MKearns Premium
Much of WP is built on HTML coding
Reply
seconds2work Premium
Yep, they go hand in hand
Reply
Top