Scribd
Upload
11 views8 pages

Nested and Description List

Uploaded by

games.of.pulkit
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views8 pages

Nested and Description List

Uploaded by

games.of.pulkit
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Attributes of Ordered List

To enhance the Ordered list we use three attributes along with <ol> tag.

1.Start Attribute:- An ordered list automatically starts with number 1,


but you can also start the list with a different number using start
attribute.
Syntax :- <ol start = 3>

2. Reversed: - It specifies that the list order should be descending.


Syntax:- <ol start = 3 reversed>
Attribute of Ordered List & Unordered List
Type Attribute
It specifies the type of numbering used to mark items in the list.
Syntax:

For unordered list:-


<ul type = “value”>
Where , value = disc/square/circle

For Ordered list:


<ol type = “value”>
Where ,value = A|a|i|I|1
List Properties
1.List style type – This property specifies the bullet style that will be
used as the type of list item marker.
Syntax : list–style-type:value

2.List style image-This property you can specify an image as the list
item marker.
Syntax : list –style-image:value
Where value = url(“path of the image “)|none
3.List style position – It is used to specify the position of the list marker,
to make them appear inside or outside the content

Syntax : List-style-position :value


Value = inside|outside

4.List style – This is the shorthand property wherein all the list
properties in one declaration.

Syntax : list-style:value
Nested List
A nested list is a list inside any other list.
For example:
1. Fat Soluble Vitamins
• Vitamin a
• Vitamin d

2. Water-Soluble Vitamins
• Vitamin –B1
• Vitamin-B2
<html>
<body>
<h1>A list inside another list</h1>
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
</body>
</html>
Description List
It consist of a term followed by its definition.
Tags used are:-
<dl> &</dl>:- To start and end the definition list
<dt>&</dt>:- To define the terms or names
<dd>&</dd>:-To help in describing each term or name
Let us understand description list with the help of an example:-

You might also like