How to Create HTML List

HTML List consists of two kind: unordered list and ordered list.


Unordered list starts with the <ul> tag, followed by the <li> tag to create each list items within it.

Code:

<ul>
  <li>Table</li>
  <li>Pen</li>
  <li>Notepad</li>
</ul>


The list items will be marked with black bullets by default.

Example of Unordered List:


  • Table
  • Pen
  • Notepad

Ordered list starts with the <ol> tag, followed by the <li> tag to create each list items within it.

Code:

<ol>
  <li>Table</li>
  <li>Pen</li>
  <li>Notepad</li>
</ol>


The list items will be numbered by default.

Example of Ordered List:

1. Table
2. Pen
3. Notepad


Try this source code on your text editor:

<!doctype html>
<html>
<head>
<title> HTML List </title>
</head>

<body>

<h1> Unordered List </h1>

<ul>
  <li>Table</li>
  <li>Pen</li>
  <li>Notepad</li>
</ul>

<h1> Ordered List </h1>

<ol>
  <li>Table</li>
  <li>Pen</li>
  <li>Notepad</li>
</ol>

</body>
</html>

Comments

Popular posts from this blog

Web Browser Shortcuts

Mouse and Keyboard Techniques

Computer Keyboard Shortcut Keys