DONATE  
MENU
HTML
JSON
AJAX
JAVASCRIPT

HTML Tutorials

INTRODUCTION

» Introduction to HTML

» PRACTICE IT Editor

» Getting Started

» HTML Example

» HTML Tags

» HTML Elements

» Nesting Tags

» Block & Inline Elements

» HTML Attributes

» HTML Comments

» File Paths

» HTML Entities & Symbols

TAGS/ELEMENTS

» Important Tags

» HTML Headings

» Text Formatting

» HTML Links

» HTML Lists

» HTML Tables

» HTML Images

» HTML Audios

» HTML Videos

» HTML Iframes

» HTML Styles

» HTML Scripts

» Semantic Elements

» HTML Metadata

ATTRIBUTES

» Elements' ID

» Elements' Class

» Elements' Style

» Element's Align

» Element's Height & Width

HTML FORMS

» HTML Forms

» Input Elements

» HTML Textarea

» HTML Select

HTML EXAMPLE

» Login Page

.. » HTML » Tags/elements » HTML Lists
Share Tweet WhatsApp

HTML Lists

Most of the time, there may exist items you do really wish to list in your website. Items such the website's pages, post pages and a whole lot of others. With HTML lists, you can basically achieve such listings. There are two kinds of listing in HTML namely: 1. Ordered Listing 2. Unordered Listing Ordered Listing Ordered listing is basically used when you wish to list items with some sort or sense of hierarchical order. To create an ordered listing, we define a parent element with the <ol> tag and inside of it, nest our numerous individual list items with the <li> tag.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
<h1>CONTRIBUTORS</h1>
<ol>
<li>Prof. John Ngerge - Phd</li>
<li>Dr. Ben Neath - Phd.</li>
<li>Mr. Godwin Pat - Msc.</li>
<li>Mrs. Truth Endurance - Bsc.</li>
</ol>

Copy PRACTICE IT

Notice how the above list was ordered from number 1 and above. Unordered Listing This is used when the list items don't have any significance as to the order in which they are listed. To create an unordered listing, we define a parent element with the <ul> tag and inside of it, nest our numerous individual list items with the <li> tag.
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>
<h1>Available Fruits</h1>
<ul>
<li>Apples</li>
<li>Bananas</li>
<li>Oranges</li>
<li>Pineapples</li>
</ul>

Copy PRACTICE IT

SUMMARY
  1. Lists in HTML are in tandem with our live usage of the term. For example, a list of my school stuffs.
  2. HTML lists are divided into ordered lists whose creations start with the <ol> tag and unordered lists (<ul>)
  3. You use ordered lists to list items with some sense of order. For example, this summary is created with an ordered list cause the points must be taken orderly.
  4. You use unordered lists to list items whose sense of order are not important and can be understood irrespective of where a user starts from.
  5. Individual list items in any kind of HTML listing are created with the <li> tag.
Take a short quiz on HTML Lists.
Ask a question or tell us if HTML Lists is easy or not.
cent?

Join our 1,090 subscribers to receive tutorials' updates!

  We won't spam your mail box. We hate it.





StackBeginner 2021 © Joseph Omamode