Search This Blog

Showing posts with label HTML List Tags. Show all posts
Showing posts with label HTML List Tags. Show all posts

HTML DL Tag Example

HTML DL Tag Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> DL Tag Example </h2>

<dl>
<dt> HTML </dt>
<dd> This stands for Hyper Text Markup Language </dd>
<dt> CSS </dt>
<dd> This stands for Cascading Style Sheets </dd>
<dt> JS </dt>
<dd> This stands for JavaScript </dd>
</dl>

<p> DL means Definition List </p>
</body>
</html>
OUTPUT
HTML DL Tag Example

HTML UL Tag With Type Attribute Example

HTML UL Tag With Type Attribute Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> UL Tag With Type Attribute Example </h2>

<ul type="disk">
<li> item A </li>
<li> item B </li>
<li> item C </li>
</ul>

<ul type="circle">
<li> item A </li>
<li> item B </li>
<li> item C </li>
</ul>

<ul type="square">
<li> item A </li>
<li> item B </li>
<li> item C </li>
</ul>

</body>
</html>
OUTPUT

HTML UL Tag Example

HTML UL Tag Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> UL Tag Example </h2>

<ul>
<li> item A </li>
<li> item B </li>
<li> item C </li>
</ul>

<p> UL means Unordered List </p>
</body>
</html>
OUTPUT

HTML OL Tag With Start Attribute Example

HTML OL Tag With Start Attribute Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> OL Tag With Start Attribute Example </h2>

<ol start="7">
<li> item A </li>
<li> item B </li>
<li> item C </li>
</ol>

<ol start="56">
<li> item A </li>
<li> item B </li>
<li> item C </li>
</ol>

</body>
</html>
OUTPUT

HTML OL Tag With Type Attribute Example

HTML OL Tag With Type Attribute Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> OL Tag With Type Attribute Example </h2>

<ol type="I">
<li> item A </li>
<li> item B </li>
<li> item C </li>
</ol>

<ol type="a">
<li> item A </li>
<li> item B </li>
<li> item C </li>
</ol>

<ol type="1">
<li> item A </li>
<li> item B </li>
<li> item C </li>
</ol>

</body>
</html>
OUTPUT

HTML OL Tag Example

HTML OL Tag Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> OL Tag Example </h2>

<ol>
<li> item A </li>
<li> item B </li>
<li> item C </li>
</ol>

<p> OL means order list </p>
</body>
</html>
OUTPUT