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

Post a Comment

Popular posts from this blog

Mouse and Keyboard Techniques

Image
Mouse and keyboard are the most common input devices used to instruct the computer which is why learning mouse and keyboard techniques is essential. The mouse is a hand operated device used to interact with files and to manipulate objects on the computer screen. MOUSE DESCRIPTION The mouse comprises of clickable buttons that users can right-click and left-click to carry out important computer functions. It has USB or PS/2 cord that enables its connection to the mother-board via the computer ports. Also, there are wireless mouse with Bluetooth technology. Mouse comes in different colors and shapes and can fit into the right and the left hands of any user. Bluetooth mouse  MOUSE TECHNIQUES There are four basic mouse techniques. Clicking  Double Clicking  Drag  Point  KEYBOARD The computer keyboard which is modelled after typewriter-style is used to input data into the computer. There are different types of computer keyboard with differen...
Read more

Computer Keyboard Shortcut Keys

Image
This post focuses on Windows, Microsoft Word, CorelDRAW and Web Browser shortcut. Windows and Microsoft Word Shortcuts Alt + F4 To close active window(s) and to perform computer shutdown. Alt + F For menu options in current program. Alt + Tab To switch between tabs. Ctrl + A To highlight all items in an document or page. Ctrl + B To bold highlighted texts. Ctrl + C To copy selected items. Ctrl + F To find word(s). Ctrl + I To italic highlighted texts. Ctrl + N To start a new page. Ctrl + O To open existing document. Ctrl + S To save current document. Ctrl + U To underline highlighted text. Ctrl + V To paste copied items. Ctrl + X To cut selected items. Ctrl + Y To redo action. Ctrl + Z To undo action. Ctrl + End To go to the end of a document. Ctrl + Home To go to the beginning of a document. Ctrl + Alt + Del To open task manager. Ctrl + Shift + C To copy formatted texts. Ctrl ...
Read more

Web Browser Shortcuts

Image
What is a Web Browser? A web browser or internet browser is commonly referred to as a browser. It is a software application for exploring information on the World Wide Web. There are lots of web browsers out there but this post will cover shortcuts of these popular browsers; Chrome, Firefox, Safari, Explorer and Opera Mini. Note: while most shortcuts on this post are general to Google Chrome, to some browsers, the shortcuts may not have similar functions or does not function at all.  Shortcuts Keyboard Keys Functions Browser Alt Opens Menu. Not general Alt + D Highlights the URL on the browser bar. General Alt + ← To previous web page (back). General Alt + → To previous web page (forward). General Ctrl and click on a link Opens link in a new tap. Not general Ctrl + D Adds to bookmark. General Ctrl + E Place console in search area. General Ctrl + H History General Ctrl + I Has different functions to d...
Read more