HTML Tags used to create lists
HTML Tags used to create lists
Now here we describe those tags which are used to create various types of lists in HTML.
1. <ul> :- <ul> tag is used to create lists in HTML output. <ul> stands for Unordered list which means it produces list in unordered format either it is in bullets form, circle form or disc form.
2. <ol> :- <ol> tag is used to create lists in HTML output. <ol> stands for ordered list which means it produces list in ordered format either it is in alphabet form, Numeric form or Roman form.
3. <dl> :- <dl> tag defines the description list. A list which shows description also.
4. <dd> :- <dd> tag defines the term or name in description list.
Lets' Example and enjoy the output:-
<html>
<head>
<title>Web Tips Top</title>
</head>
<body>
<ul type="disc" or "square" or "disc">
<li>HTML</li>
<li>HTML</li>
<li>HTML</li>
</ul>
<ol start="1" or "a" or "I">
<li>HTML</li>
<li>HTML</li>
<li>HTML</li>
</ol>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
</body>
</html>
Now here we describe those tags which are used to create various types of lists in HTML.
1. <ul> :- <ul> tag is used to create lists in HTML output. <ul> stands for Unordered list which means it produces list in unordered format either it is in bullets form, circle form or disc form.
2. <ol> :- <ol> tag is used to create lists in HTML output. <ol> stands for ordered list which means it produces list in ordered format either it is in alphabet form, Numeric form or Roman form.
3. <dl> :- <dl> tag defines the description list. A list which shows description also.
4. <dd> :- <dd> tag defines the term or name in description list.
Lets' Example and enjoy the output:-
<html>
<head>
<title>Web Tips Top</title>
</head>
<body>
<ul type="disc" or "square" or "disc">
<li>HTML</li>
<li>HTML</li>
<li>HTML</li>
</ul>
<ol start="1" or "a" or "I">
<li>HTML</li>
<li>HTML</li>
<li>HTML</li>
</ol>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
</body>
</html>
Comments
Post a Comment