Breaking News
Loading...
Monday 18 January 2016

Learn:HTML5 Complete Course Class 4 (Ordered List) With Usama Rehman

9:19:00 pm
 

Since I say in my previous video that in our class 4 we'll learn about Ordered List in HTML5 so I just write this content.
First of All we discus about simple Ordered List

Orderd List in HTML5

  1. Computer
  2. Internet
  3. Web Sites
Now watch how It work in HTML5
<h2>Orderd List in HTML5</h2>
            <ol>
                <li>Computer</li>
                <li>Internet</li>
                <li>Web Sites</li>
            </ol>
As ul have attribute it also have.
Lets start to learn them
First is that in the place of 1,2,3 we use A,B,C etc..

Orderd List start with A

Best Designing Softwares in my view
  1. Photoshop
  2. Ilustrator
  3. Corel Draw
I use Paragraph tag in it to simplify
<h2>Orderd List start with A</h2>
            <p>Best Designing Softwares in my view</p>
            <ol type="A">
  <li>Photoshop</li>
  <li>Ilustrator</li>
  <li>Corel Draw</li>
</ol>
Now we use Small letter a,b,c instead of Capital letters.

Orderd List start with a

Our Partner Sites
  1. Usama Computer Club
  2. Tuts Razer
There we also use Paragraph
                     <h2>Orderd List start with a</h2>
                        <p>Our Partner Sites</p>
            <ol type="a">
  <li>Usama Computer Club</li>
  <li>Tuts Razer</li>
</ol> 
Now we use roman counting instead of simple like I, II ,III

Orderd List start with I

My Sponsors
  1. Danish Khan
  2. Syed Wajid
  3. Hassam Ahmad Awan
<h2>Orderd List start with I</h2>
                          <p>My Sponsors</p>
            <ol type="I">
  <li>Danish Khan</li>
  <li>Syed Wajid</li>
  <li>Hassam Ahmad Awan</li>
</ol>
Now we also write them in small letters as i, ii ,iii

Orderd List start with i

In Our Previous Classes we learn
  1. h1 - h6 tags
  2. Text Style Tags
  3. ul Tags
<h2>Orderd List start with i</h2>
                <p>In Our Previous Classes we learn</p>
            <ol type="i">
  <li>h1 - h6 tags</li>
  <li>Text Style Tags</li>
  <li>ul Tags</li>
</ol>
I hope you understand it but if need any clearness just watch the following video

[tab] [content title="YouTube" icon="fa-youtube"] [/content] [/tab]
portrait

About Admin:

Usama Rehman, A Fiften Year Old Creative Article Writer, Web Designer, Web Developer, Photoshop Experienced person.He Love to Complete Complicated Tasks, Gaming, Getting Information About IT and Spending Most of His Time on Compter to Search something new or Create something New.He Like to help Peoples who Need Help.Remember Him in Your Prayers

0 comments:

Post a Comment

 
Toggle Footer