Learn:HTML5 Complete Course Class 3 (Unordered List) with Usama Rehman

 

Hello Guys!
I hope you understand my previous classes but if there need any clearness just simply put a Comment.
Now lets start Class 3 of HTML5.
In this Class we learn about Unordered List in HTML5.In this list we use "ul" tag to define our browser that now which type of list we are using below.

For Example I use this one code to explain what I'm saying

   <ul>
           <li>Square </li>
             <li>Circle</li>
            <li>None</li>
          </ul>

In above Code I just simplify about "ul" tag in HTML5.
There are three different styles of 'ul' tag in HTML5.

Lets learn about these attribute of ul.
Square
In this our unordered list show like that

• Square
• Circle

Now you may understand about what I'm saying lets see its code

  <ul style="list-style-type:square">
            <li>Disc</li>
            <li>Squaare</li>
            <li>Circle</li>
            <li>None</li>
          </ul>

We learn about Square attribute with ul now we learn about circle attribute
For Example

• Disc
• Squaare
• Circle
• None

The Code of this style or attribute is below

 <ul style="list-style-type:circle">
            <li>Disc</li>
            <li>Square</li>
            <li>Circle</li>
            <li>None</li>
          </ul>

One in remaining which in None.

• Disc
• Square
• Circle
• None

That is None and Code in below

  <ul style="list-style-type:None">
            <li>Disc</li>
            <li>Squaare</li>
            <li>Circle</li>
            <li>None</li>
          </ul>

Now we learn about Ul in ul.

• Disc
• Squaare
  • Attribute
• Circle
• None

Now see this attribute code

 <ul>
            <li>Disc</li>
            <li>Squaare
            <ul>
                <li>Attribute</li>
            </ul>
            </li>
            <li>Circle</li>
            <li>None</li>
          </ul>

Now we discuss about Description list

HTML5

- Hyper Text Markup Language

Tutting city

- Complete HTML Course

Now see its Code
|

<dl>
  <dt>HTML5</dt>
  <dd>- Hyper Text Markup Language</dd>
  <dt>Tutting city</dt>
  <dd>- Complete HTML Course</dd>
</dl>

still not understand or need any confirmation just watch the below video.

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