Saturday, October 3, 2015

HTML5 Tutorial For Beginners 10 # HTML Lists (Ordered Lists, Unordered L...









<!DOCTYPE HTML>
<html>
<head>
<title>My HTML</title>
<meta name="description"
 content="HTML5 Tutorial For Beginners . Basic Structure of HTML Page.">
<meta name="keywords"
 content="HTML, Htmal5, Tutorials, CSS, XML, XHTML, JavaScript">
<meta name="auther" content="Auther name">
<meta name="robot" content="index,follow">

</head>
<body>
 <ol type="a">
  <li>John</li>
  <li>Tim</li>
  <li>Tom</li>
  <li>Jack</li>
 </ol>
 <ol type="A">
  <li>John</li>
  <li>Tim</li>
  <li>Tom</li>
  <li>Jack</li>
 </ol>
 <ol type="I">
  <li>John</li>
  <li>Tim</li>
  <li>Tom</li>
  <li>Jack</li>
 </ol>
 <ol type="i">
  <li>John</li>
  <li>Tim</li>
  <li>Tom</li>
  <li>Jack</li>
 </ol>
 <ol type="i">
  <li>John</li>
  <ul>
   <li>Tea</li>
   <li>Coffee</li>
  </ul>
  <li>Tim</li>
  <li>Tom</li>
  <li>Jack</li>
 </ol>

 <ul style="list-style-type: none">
  <li>John</li>
  <li>Tim</li>
  <li>Tom</li>
  <li>Jack</li>
 </ul>
 <ul style="list-style-type: square">
  <li>John</li>
  <li>Tim</li>
  <li>Tom</li>
  <li>Jack</li>
 </ul>
 <ul style="list-style-type: desc">
  <li>John</li>
  <li>Tim</li>
  <li>Tom</li>
  <li>Jack</li>
 </ul>
 <ul style="list-style-type: circle">
  <li>John</li>
  <li>Tim</li>
  <li>Tom</li>
  <li>Jack</li>
 </ul>
 <dl>
  <dt>Term</dt>
  <dd>- Description of the term</dd>
  <dt>Term</dt>
  <dd>- Description of the term</dd>
 </dl>

</body>
</html>






OUTPUT





  1. John
  2. Tim
  3. Tom
  4. Jack
  1. John
  2. Tim
  3. Tom
  4. Jack
  1. John
  2. Tim
  3. Tom
  4. Jack
  1. John
  2. Tim
  3. Tom
  4. Jack
  1. John
    • Tea
    • Coffee
  2. Tim
  3. Tom
  4. Jack
  • John
  • Tim
  • Tom
  • Jack
  • John
  • Tim
  • Tom
  • Jack
  • John
  • Tim
  • Tom
  • Jack
  • John
  • Tim
  • Tom
  • Jack
Term
- Description of the term
Term
- Description of the term
















































HTML ol tag

Lists in HTML documents

Lists : Numbered Lists - HTML Tutorial

Lists : Bulleted Lists

 Numbering split lists with HTML attributes

 ol - HTML

Searches related to html lists

html lists examples

html nested lists

html lists style

making lists in html

html lists without bullets

types of lists in html

html tables

html forms

No comments:

Post a Comment