Hello Readers / Friends,
Welcome back to CodeEra. Hope you have understand some more Tags in the Previous blog. So lets Begin with HTML List which is used in coding and making any webpage.
There are different types of List used in HTML are as follow :-
1)<ol>...</ol> --------------- Ordered List
2)<ul> ... </ul> ------------- Unordered List
3) <ol>...</ol> ------------- Nested Ordered List
4) <ul> ... </ul> ------------- Nested Unordered List
5) <dl> ... </dl> -------------- Definition List
6) <dt> ... </dt> ------------- Definition Title
7) <dd> ... </dd> ------------- Definition Detail / Description
<html>
<head>
<title> CodeEra | Become a coder
</title>
</head>
<body>
<h1><p> <font color="black"><center><b><u>This is CodeEra</u></b></center></font></p></h1>
<p> This is CodeEra </p> <!-- Paragraph-->
<ul>
Languages are :-
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
<li>Jquery / JavaScript</li>
</ul>
<ul type="circle"> <!--ul type = disc | square | circle-->
Languages are :-
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
<li>Jquery / JavaScript</li>
</ul>
<ol type="a"> <!--ol type = a | 1 | i-->
Languages are :-
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
<li>Jquery / JavaScript</li>
</ol>
</body>
</html>
Note:- Now save as any"filename" and choose the type is " html " and run in the browser.
<html>
<head>
<title> CodeEra | Become a coder
</title>
</head>
<body>
<h1><p> <font color="black"><center><b><u>This is CodeEra</u></b></center></font></p></h1>
<p> This is CodeEra </p> <!-- Paragraph-->
<ol> <!--ol type = a | 1 | i-->
<li> Languages are :-</li>
<ul>
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
<li>Jquery / JavaScript</li>
</ul>
<li>Languages are :-</li>
<ul type="circle"> <!--ul type = disc | square | circle-->
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
<li>Jquery / JavaScript</li>
</ul>
<li> Languages are :-</li>
<ul>
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
<li>Jquery / JavaScript</li>
</ul>
</ol>
</body>
</html>
Note:- Now save as any"filename" and choose the type is " html " and run in the browser.
<html>
<head>
<title> CodeEra | Become a coder
</title>
</head>
<body>
<h1><p> <font color="black"><center><b><u>This is CodeEra</u></b></center></font></p></h1>
<p> This is CodeEra </p> <!-- Paragraph-->
<dl>
<dt> Languages are :-</dt>
<dd>HTML & CSS</dd>
<dd>PHP with MYSQL</dd>
<dd>Jquery / JavaScript</dd>
<dl>
</body>
</html>
Note:- Now save as any"filename" and choose the type is " html " and run in the browser.
In Next Page , I will give you more examples for HTML coding.
Till then If you are having any doubt / Queries then you can comment below or send me in my mail i will clear your doubt.
See You in Next Page.
Welcome back to CodeEra. Hope you have understand some more Tags in the Previous blog. So lets Begin with HTML List which is used in coding and making any webpage.
There are different types of List used in HTML are as follow :-
1)<ol>...</ol> --------------- Ordered List
2)<ul> ... </ul> ------------- Unordered List
3) <ol>...</ol> ------------- Nested Ordered List
4) <ul> ... </ul> ------------- Nested Unordered List
5) <dl> ... </dl> -------------- Definition List
6) <dt> ... </dt> ------------- Definition Title
7) <dd> ... </dd> ------------- Definition Detail / Description
1) Ordered List & Unordered List
<html>
<head>
<title> CodeEra | Become a coder
</title>
</head>
<body>
<h1><p> <font color="black"><center><b><u>This is CodeEra</u></b></center></font></p></h1>
<p> This is CodeEra </p> <!-- Paragraph-->
<ul>
Languages are :-
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
<li>Jquery / JavaScript</li>
</ul>
<ul type="circle"> <!--ul type = disc | square | circle-->
Languages are :-
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
<li>Jquery / JavaScript</li>
</ul>
<ol type="a"> <!--ol type = a | 1 | i-->
Languages are :-
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
<li>Jquery / JavaScript</li>
</ol>
</body>
</html>
Note:- Now save as any"filename" and choose the type is " html " and run in the browser.
2) Nested Ordered List
<html>
<head>
<title> CodeEra | Become a coder
</title>
</head>
<body>
<h1><p> <font color="black"><center><b><u>This is CodeEra</u></b></center></font></p></h1>
<p> This is CodeEra </p> <!-- Paragraph-->
<ol> <!--ol type = a | 1 | i-->
<li> Languages are :-</li>
<ul>
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
<li>Jquery / JavaScript</li>
</ul>
<li>Languages are :-</li>
<ul type="circle"> <!--ul type = disc | square | circle-->
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
<li>Jquery / JavaScript</li>
</ul>
<li> Languages are :-</li>
<ul>
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
<li>Jquery / JavaScript</li>
</ul>
</ol>
</body>
</html>
Note:- Now save as any"filename" and choose the type is " html " and run in the browser.
Download File - nested.html
3) Definition List
<html>
<head>
<title> CodeEra | Become a coder
</title>
</head>
<body>
<h1><p> <font color="black"><center><b><u>This is CodeEra</u></b></center></font></p></h1>
<p> This is CodeEra </p> <!-- Paragraph-->
<dl>
<dt> Languages are :-</dt>
<dd>HTML & CSS</dd>
<dd>PHP with MYSQL</dd>
<dd>Jquery / JavaScript</dd>
<dl>
</body>
</html>
Note:- Now save as any"filename" and choose the type is " html " and run in the browser.
Download File - definition.html
Till then If you are having any doubt / Queries then you can comment below or send me in my mail i will clear your doubt.
See You in Next Page.
Author Name
Author Description!
Get Free Email Updates to your Inbox!
Post a Comment