Tuesday, 13 August 2013

11-ordered definition nested list.


HTML::List Tags

List Tags


Order List

  1. Home
  2. Aboutus
  3. Contactus
  1. Home
  2. Aboutus
  3. Contactus
  1. Home
  2. Aboutus
  3. Contactus

Definition List

HTML
We                 have created user guide with step by step instructions. If you don't knowhow to edit our free templates, or you don't have time we can do that for you. For only $30 USD we will edit logo, buttons and create few pages the way you like it. You only have to put your text in it and your web page is done.For more informations, contact us.

Nested List

  • Electronics
    1. Desktops
    2. Laptops
    3. Mobiles
  • Garments
    1. Men
    2. Women
    3. Kids
copy the below code for above result.

<html>
<head>
<title>HTML::List Tags</title>
</head>
<body>
<h1 align="center"><font color="orange">List Tags</font></h1>
<hr/>
<h2>Order List</h2>
<!-- Numeric/Default List -->
<ol type="1" start="100">
<li><a href="#">Home</a></li>
<li><a href="#">Aboutus</a></li>
<li><a href="#">Contactus</a></li>
</ol>

<!-- Alphabetic List -->
<ol type="A">
<li><a href="#">Home</a></li>
<li><a href="#">Aboutus</a></li>
<li><a href="#">Contactus</a></li>
</ol>

<!-- Roman List -->
<ol type="I" start="100">
<li><a href="#">Home</a></li>
<li><a href="#">Aboutus</a></li>
<li><a href="#">Contactus</a></li>
</ol>

<h2>Definition List</h2>

<dl>
<dt>HTML</dt>
<dd><pre>We                 have created user guide with step by step instructions. If you don't knowhow to edit our free templates, or you don't have time we can do that for you. For only $30 USD we will edit logo, buttons and create few pages the way you like it. You only have to put your text in it and your web page is done.For more informations, contact us.</pre></dd>
</dl>

<h2>Nested List</h2>
<ul>
<li>Electronics
<ol>
<li>Desktops</li>
<li>Laptops</li>
<li>Mobiles</li>
</ol>
</li>
<li>Garments
<ol>
<li>Men</li>
<li>Women</li>
<li>Kids</li>
</ol>
</li>
</ul>

</body>
</html>

No comments :

Post a Comment