Skip to main content

Lists in HTML - Definition List

Definition lists is used to define the term and with  its description. It starts with the <DL> and endswith the </DL> tag The data term is defined inside the <DT> and </DT> tag. The data description is defined inside the tag <DD>and  </DD>. It has no attributes.

Tags of Definition List


  • <DL></DL>
  • <DT></DT>
  • <DD></DD>
Example 

<html>
<head>
<title>
definition list
</title>
</head>
<body>
<dl>
<dt>Word</dt>
<dd> word is a word processor</dd>
<dt>excel</dt>
<dd> Excel is a spread sheet</dd>
</dl>
</body>
</html>


This will produce the following output




Menu List


It is used for creating menu list. It is created with the help of  <menu></menu> and <li></li>.

 Example

 <html>
<head>
<title>
menu list
</title>
</head>
<body>
<menu>
<li>ordered list</li>
<li>unordered list</li>
</menu>
</body>
</html>

 The output of the above code is 


Directory List


The <dir> tag is used to list directory list. Directory List is created with the help of the <DIR></DIR> tag. Items appears with the help of the <li></li>.

Example

<html>
<head>
<title>
directory list
</title>
</head>
<body>
<dir>
<li>c:\abc\bat</li>
<li>Bill No. 567</li>
</dir>
</body>
</html>
The output of the above 
  

NEXT

Comments

Post a Comment

Popular posts from this blog

HTML WEB PAGE DESIGN - How to Create simple HTML web page

How to Design Simple HTML Web page In this article, we are going to learn how to design HTML web page. This article is used to let you know, how to create a simple web page using HTML. With this article you will come to know how to create the simple web page from scratch. To create the web page one should use the editors like notepad or Dreamweaver or Notepad++ etc. Here we are using Notepad ,in this connection steps are initiated to be as following HTML  Web Page Design A web page is a part of a website, containing information about a particular topic. You can create a custom web page using HTML. You can put anything you want on your web page like images, tables, hyperlinks, etc. Open Notepad: To open the Notepad one has to go to Start -> All Programs -> Accessories ->Notepad.  Notepad Once Notepad is open write the coding their as given below 1. <HTML> is the first tag of the web page and you have to write it at the top of the no
Post a Comment
Read more

How to create HTML Forms - II

How to create HTML Form -  II In this tutorial, we will learn about    How to create HTML Form .  So far we have discussed how to  create a frame ,  tables ,  List , insert  Images ,  Linking in HTML  etc. HTML Form is one of the most important  part of the websites  Every website has Contact forms or feedback forms.. Filling the Digital forms  saves time, cost of printing, and  paperwork. Submit Button Submit button It is used for submitting the form data to the server page. Example: How to create form - Submit button Output is: How to create form- Sumit Button <Select></Select> <select></select>   It is used to create Popup menu and a List.<option></option> is used to define the option in the drop-down menu  or the list. Attributes of <select></select> Name = name - Name of the drop down menu or  list Size= value - To specify the number of visible  values. Selected - To define Pre-selected item. Multi
Post a Comment
Read more

Basic Formatting Tags of HTML - 2

Subscript the Text  <sub></sub> tag is used to display the text or figure or symbols below the baseline, slightly of small size then normal text. It is used to display mathematical formulas, footnote, end-notes. Example <html> <head> <title> subscript the text </title> </head> <body> H<sub>2</sub>O </html> Larger Text <big></big> tag is used to increase the size of the text by 1 point. Example <html> <head> <title> to increase the size of the text 1 point </title> </head> <body> Education <big>point</big> </body> </html> Smaller Text <small></small> tag is used to decrease the size of the text by one point. Example <html> <head> <title> to decrease the size </title> </head> <body> Education <small>time</small> </body> </html> S
Post a Comment
Read more