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

Lists in HTML - Unordered List

Unordered List An Unordered List is a collection of item that is not  in sequential order. It starts with the <ul> tag and ends with the </ul> tag. Each list item starts with the <li> tag. Each item is marked with the bullet i.e . with the disc or square or circle.  By default the tag starts with the disc . It is also called Bulleted list. Tags of Unordered List <ul> </ul> <li></li> Example    Write a  program to print the list given below pen pencil book <html> <head> <title> unordered list </title> </head> <body> <ul> <li>pen</li> <li>pencil</li> <li>book</li> </ul> </body> </html> Example of Attributes of <ul> tag with the Type attributes Write a program to print the list given below <html> <head> <title> unordered list </title> </head...
Post a Comment
Read more

HTML FRAMES - HTML Frames Example with Output

Post Updated :16-02-2018 HTML Frames is used to display more than one file. It is used to divides the browser window into different parts or sections  i.e.  row-wise or column-wise or row and column-wise . Each section can display HTML files.To create a frame  two tags are used they are <frameset> and <frame> tag. Attributes of  <frameset>    tag 1. Cols=value is % or pixels 2. Rows= values in % or pixels Attributes of <frame> tag 1. Src= "path" 2. Name="name of the frame" 3. Border= value in pixels 4. Noresize 5. Scrolling="true" or "false" 6. Marginwidth=value in % or pixels 7. Marginheight=value in % or pixels If I want to divide the browser into two columns. The following example will be used to divide the window into 2 section. In the example given below we are using to divide the browser into equal sections i.e. 50% each. HTML Frames Example with Output Simple example of two- framed page ...
Post a Comment
Read more

Lists in HTML

List Today we are going  to  talk about the List. Question arises what is List ? A list is a collection of items. There are five types of list in HTML They are defined  below Ordered List Unordered List Directory List Definition List Menu List Ordered List  If you want to display items in a numbered  list  like 1,2,3,... or A,B,C... or i,ii,iii.... or I,II,III... or a,b,c....... Ordered List starts with the <ol> tag and ends with the </ol> tag. Each item starts with the <LI> tag. It is also called the Numbered List. Tags of Ordered List <ol></ol> <li></li> Attributes of Ordered List Attributes Value Description Type “1” or “I”  or “I” or  “a”  or ”A”  It specifies type of numbering's. By default the numbering Start Value To specify the starting point of the numbering. Example <html> <head> ...
Post a Comment
Read more