ORDERED LIST IN HTML ( # tutorial 11 )

in blurtutorials •  4 years ago 

we discussed about unordered list in two tutorials and if you have understand those better than this will be an easy one.

we just change the tags from 'ul' to 'ol' ol means ordered list.

Step 1 : Create a proper html structure for your file.

Step 2 : write following code inside the body tag , here we have created the unordered list and then a sub list for our unordered list.

Screenshot from 2020-11-20 23-28-37.png

Step 3 : Run your file with any browser to know the output.

Screenshot from 2020-11-20 23-28-32.png

Full Code :

       <!DOCTYPE html>

<html>
<head>
   <meta charset="utf-8">
   <title>my first web page is here</title>
</head>

<body>
 <h2>Here are the Name of Exchanges on Which Blurt has already been listed on and people who traded on them.</h2>
  <ol>    
 <h3><li>Ionomy</li>
 <ol>
 <li>@tomoyan</li>
 <li>@kahkashanrkploy</li></ol>
 
<br> <li>Beldex</li> 
    <ol>
 <li>@jacobgadikian</li>
 <li>@kamranrkploy</li></ol>
 
<br>   <li>Stex</li>   
 <ol>
 <li>@megadrive</li>
 <li>@looking</li></ol>
 
<br>  <li>Hive Engine</li>   
 <ol>
 <li>@sunitahive</li>
 <li>@iammufasa</li></ol>
<br>  <li>Steem Engine</li> 
  <ol>
 <li>@upmewhale</li></ol>  
<br> <li>Leodex</li>
   <ol>
 <li>@double-u</li></ol>   
 </ol></h2>   
</body>

</html>



And once again I am saying this that It was just an example so i would request not to feel bad about it.
Here are names i have used.
Ionomy
@tomoyan
@kahkashanrkploy

Beldex
@jacobgadikian
@kamranrkploy

Stex
@megadrive
@looking

Hive Engine
@sunitahive
@iammufasa

Steem Engine
@upmewhale

Leodex
@double-u

Anyways , I think the concept will be clear now so just keep practising.

Thank You

THAT'S HOW YOU CREATE ORDERED LIST.
THANK YOU.


THAT'S HOW YOU CREATE UNORDERED LIST. THANK YOU.

Links for previous tutorials

  1. HTML BASICS AND CREATING PARAGRAPHS
  2. Headings in Html
  3. ANCHOR TAGS IN HTML
  4. Image tag in Html
  5. CREATE YOUR BASIC WEBSITE
  6. Inline Elements in Html
  7. BLOCK ELEMENTS IN HTML
  8. CONCEPT OF IFRAMES IN HTML , FULL TUTORIAL
  9. UNORDERED LIST IN HTML
  10. UNORDERED LIST And Creating Sub list for same
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE BLURT!