Create HTML document to make an unordered list, an ordered list, different types of ordered lists, different types of unordered lists, Nested list, Definition list.


Input


<!DOCTYPE html>
<html>
<h1>Different types of Ordered List</h1>
<body>
<ol>
 <li>HTML</li>
 <li>Java</li>
 <li>JavaScript</li>
</ol>
<ol type="I">
 <li>HTML</li>
 <li>Java</li>
 <li>JavaScript</li>
</ol>
<ol type="i">
 <li>HTML</li>
 <li>Java</li>
 <li>JavaScript</li>
</ol>
<ol type="A">
 <li>HTML</li>
 <li>Java</li>
 <li>JavaScript</li>
</ol>
<ol type="a">
 <li>HTML</li>
 <li>Java</li>
 <li>JavaScript</li> 
</ol>
<hr>
<h1>Different types of Unordered List</h1>
<h3>Unordered List with Disc Bullets</h3>
<ul style="list-style-type:disc">
  <li>HTML</li>
  <li>JAVA</li>
  <li>JAVASCRIPT</li>
</ul>
<h3>Unordered List with Circle Bullets</h3>
<ul style="list-style-type:circle">
  <li>HTML</li>
  <li>JAVA</li>
  <li>JAVASCRIPT</li>
</ul>
<h3>Unordered List with Square Bullets</h3>
<ul style="list-style-type:square">
 <li>HTML</li>
  <li>JAVA</li>
  <li>JAVASCRIPT</li>
</ul>
</hr>
<hr>
<h1>A Nested List</h1>
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>
</hr>
<hr>
<h1>Definition List</h1>
<dl>
        <dt>Bread</dt>
        <dd>A baked food made of flour.</dd>
        <dt>Coffee</dt>
        <dd>A drink made from roasted coffee beans.</dd>
    </dl>
</hr> 
</body>
</html>




Output 
  
                         
           

No comments:

Post a Comment