Scribd
Upload
42 views2 pages

Web Development Notes

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
42 views2 pages

Web Development Notes

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
You are on page 1/ 2

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