Skip to main content

List Making

• Introduction
• HTML Making
• Text Formatting
• List Inserting
• Tab Index Inserting
• Image Inserting
• Table Inserting
• Form Inserting
• Note
• About the Site

In this page, you will learn how to make a list.

List

List is used to organize items. It also make the items in order regardless of its quantity.

Types of list

In html, there are two types of list namely unordered list and ordered list

Unordered List

This type of list has no ordinality or numbers on its items. It uses bullets to show that the item is included on the list
Below is the code for the unordered list tag:
<ul>

</ul>

Note:

• The space between the openning and closing tag of unordered list represents the area where you'll insert the list items.
• List items are also enclosed in its own tag like this:
  <li>***</li>
• The asterisks above represents the area where you'll put the name of the item on your list.

Sample

This is a sample of an unordered list. beneath each element is the code used to input it:

Code: <ul>
Most common used social media sites in the Philippines:
• Facebook
Code: <li>Facebook</li>
• Twitter
Code: <li>Twitter</li>
• Instagram
Code: <li>Instagram</li>

Code: </ul>

Ordered List

This type of list is indicating the ordinality of each item of the list. ordinal numbers will appear before the inputed item.
Below is the code for the ordered list
<ol>

</ol>

Note:

• The space between the openning and closing tag of ordered list represents the area where you'll insert the list items.
• List items are also enclosed in its own tag like this:
  <li>***</li>
• The asterisks above represents the area where you'll put the name of the item on your list.

Sample

This is a sample of an ordered list. beneath each element is the code used to input it:

Code: <ol>
Most common used social media sites in the Philippines:
1. Facebook
Code: <li>Facebook</li>
2. Twitter
Code: <li>Twitter</li>
3. Instagram
Code: <li>Instagram</li>

Code: </ol>

Try It

If you want to try what you have learned in this page, open a notepad and perform them.

Note:
• In saving the file, always put ".htm" as the file extention or else it will just be saved as plane text file.
• Make sure that the "file subtype" in the dialog box is set as "all files".
• Set the encoding to "utf - 8".

Back to home back to top


© CopyrightMMK 2017