Scribd
Upload
64 views2 pages

HTML List and Navigation Basics

The document explains three types of lists in HTML: unordered lists (bulleted), ordered lists (numbered), and nested lists (lists within lists). It provides examples of how to create each type using specific HTML tags such as <ul>, <ol>, and <li>. Additionally, it describes the <nav> element for navigation links and the <a> element for creating hyperlinks.

Uploaded by

mphelanaledi4
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
64 views2 pages

HTML List and Navigation Basics

The document explains three types of lists in HTML: unordered lists (bulleted), ordered lists (numbered), and nested lists (lists within lists). It provides examples of how to create each type using specific HTML tags such as <ul>, <ol>, and <li>. Additionally, it describes the <nav> element for navigation links and the <a> element for creating hyperlinks.

Uploaded by

mphelanaledi4
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Question 3

a. Unordered List

An unordered list is also known as a bulleted list because items are typically displayed
with bullet points, the list items do not have a specific order. To create an unordered list ,
you surround the entire list with a ul container and use the li containers for the individual
list items. Here's an example:

<ul>

<li>Morning</li>

<li>Night</li>

</ul>

b. Ordered List

An ordered list also known as a number list, it defines a list of items in which the order of the
items matters, the ordering is given by a numbering scheme which can be using letters,
roman numerals or some sort of notation that indicates a series of code. An html ordered
list starts with the <ol> tag and ends with the </ol> tag and the list items start with the <li>
tag and end with </li> tag.

Example of code:

<ol>

<li>water</li>

<li>sugar</li>

</ol>

c. Nested List

A nested list is where you have a list inside a list, to create a nested list, oftenly a ul container
is inserted immediately inside another ul container, so that the inner ul container is a child
of the outer ul container. Thus to implement a nested list, you need to have an li container
in between the outer and inner ul containers. A nested list Is oftenly used for organizing and
presenting information in a structured manner, increasing readability and clarity of content.
Here's an example of code:

<ul>

<li> Morning </li>


<ul>

<li>Wake up at 9:30</li>

</ul>

d. Nav and a elements

The nav element is a container that normally contains links to other web pages ot to other
parts of the current web pag. The nav element gets its name from ‘navigate’

Nav code example:

<nav>

<a href”=#Heel”>Heels</a> | <a href"#Sneakers”>Sneakers</a>

<nav>

Each ‘a' element implements a link when a user clicks on a link, the browser jumps to the
value

You might also like