Html Unordered List Bullets Disc Circle Square
HTML For Beginners To Master The Easy Way To Start Learning HTML
Write HTML program in which page should contain heading as XXIII com it in blue color and insert unordered list of topics in it.
Ans: Source Code of the above Question
<html>
<head>
<title>Programming Software Guru</title>
</head>
<body>
<font color="blue"><h1>XXIII com</h1></font>
The List Of Topics Covered<br>
<ul>
<li>Basic Concept Of HTML</li>
<li>Formatting Tages</li>
<li>Bullets Numbering</li>
<li>Hyperlink</li>
<li>Creating tables</li>
<li>Inserting Images</li>
<li>Scrolling Text Using Marquee</li>
</ol>
</body>
</html>
The output of the above code is:
Note : Brief description about Unorder list:
Unordered List
This is the opening tag to tell the web browser the following content is to be contained in an Unordered list. Now, you will need to add an <li> tag which stands for list item. After adding the list item tags and closing them our code will look like this. Don’t forget to close the tags </ul>.
Note : If <ul> tag is written without type then it will By default Unordered List will assumed as disc.
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<b>Computer Application Software</b>
<ul>
<li>Ms-Word</li>
<li>Ms-Excel</li>
<li>Ms-Power Point</li>
<li>Photoshop</li>
</ul>
</body>
</html>
The code will produce the following result:
Computer Application Software
The type Attribute
You can use type attribute for <ul> tag to specify the type of Bulletes. By default it will assumed as disc. Following are the possible options −
<ul type = "disc">
<ul type = "circle">
<ul type = "square">
Example 1
Following is an example where you used <ul type = "disc">
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<b>Computer Application Software</b>
<ul type=”disc”>
<li>Ms-Word</li>
<li>Ms-Excel</li>
<li>Ms-Power Point</li>
<li>Photoshop</li>
</ul>
</body>
</html>
This will produce the following result:
Computer Application Software
Example 2
Following is an example where we used <ul type = "circle">
<!DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
</head>
<body>
<b>Computer Application Software</b>
<ul type = "circle">
<li>Ms-Word</li>
<li>Ms-Excel</li>
<li>Ms-PowerPoint</li>
<li>Internet</li>
</ul>
</body>
</html>
This will produce the following result −
Computer Application Software
Example 3
Following is an example where we used <ul type = "square">
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<b>Computer Application Software</b>
<ul type = "square">
<li>Ms-Word</li>
<li>Ms-Excel</li>
<li>Ms-PowerPoint</li>
<li>Internet</li>
</ul>
</body>
</html>
This will produce the following result –
Computer Application Software
Post a Comment