HTML Unordered lists- for beginners
HTML offers web authors three ways for specifying pf information. all lists must contain one or more list elements. lists may contain
<ul> an unordered list. this will list items using plain bullets.
<ol> an ordered list. this will use different schemes of numbers to list your items.
<dl> a definition list. this arranges your items in the same way as they are arranged in a dictionary
HTML Unordered lists
an unordered list is a collection of related items that have no special order or sequence. this list is created by using HTML <ul>tag. each item in the list is marked with a bullet.
The type Attribute
youcan use type attribute for <ul> tag to specify the type of bullet you like. by default it is a disc. following are the possible options.
Syntax
<ul> type="square">
<ul> type="disc">
<ul> type="circle">
example
<!DOCTYPE html>
<html>
<head>
<title> HTML Unordered List</title>
</head>
<body>
<ul>
<li>SEO</li>
<li>HTML</li>
<li>AdSense</li>
<li>website</li>
<ul>
</body>
</html>
output
SEO
HTML
AdSense
website
example 2;
<!DOCTYPE html>
<html>
<head>
<title> HTML Unordered List</title>
</head>
<body>
<ul>
<li>SEO</li>
<li>HTML</li>
<li>AdSense</li>
<li>website</li>
<ul>
</body>
</html>
output
SEO
HTML
AdSense
website
prepared by IBRAHIM MCHUCHURI
<ul> an unordered list. this will list items using plain bullets.
<ol> an ordered list. this will use different schemes of numbers to list your items.
<dl> a definition list. this arranges your items in the same way as they are arranged in a dictionary
HTML Unordered lists
an unordered list is a collection of related items that have no special order or sequence. this list is created by using HTML <ul>tag. each item in the list is marked with a bullet.
The type Attribute
youcan use type attribute for <ul> tag to specify the type of bullet you like. by default it is a disc. following are the possible options.
Syntax
<ul> type="square">
<ul> type="disc">
<ul> type="circle">
example
<!DOCTYPE html>
<html>
<head>
<title> HTML Unordered List</title>
</head>
<body>
<ul>
<li>SEO</li>
<li>HTML</li>
<li>AdSense</li>
<li>website</li>
<ul>
</body>
</html>
output
SEO
HTML
AdSense
website
example 2;
<!DOCTYPE html>
<html>
<head>
<title> HTML Unordered List</title>
</head>
<body>
<ul>
<li>SEO</li>
<li>HTML</li>
<li>AdSense</li>
<li>website</li>
<ul>
</body>
</html>
output
SEO
HTML
AdSense
website
prepared by IBRAHIM MCHUCHURI
HTML Unordered lists- for beginners
Reviewed by Unknown
on
May 11, 2017
Rating:
Reviewed by Unknown
on
May 11, 2017
Rating:
No comments