LIST Element

We covered few elements to make a web page. Now we will learn how to use LIST Element.

This is an example of List Element

We use this type of list in different purposes, such as Dictionary, Telephone guide, Address book, price list etc. We will learn different type of tags for Listing. There are mainly 3 types of LIST tag.

1. <OL> or listing with Number
2. <UL> of Unordered or bullet
3. <LI> this is used with  <OL> or <UL>

Except this there are Menu, Directory list, we will learn all gradually.

 Ordered List

In this list we can use 1,2,3 or A,B,C etc type of number to make list. this is why it also called as Numbered list. 

Format: <OL> ....... </OL>  and Items are divided with <LI>

Ordered List Example

 <HTML>
<HEAD>
<Title> List Element Example</Title>
</HEAD>
<BODY>
    <H1> 3 Angle Software</H1>
    <P> <STRONG> Courses in 3 Angle Software</STRONG></P>
        <OL>
            <LI>Programming in C
            <LI>Programming in C++
            <LI>Visual Programming
            <LI>Java Programming
            <LI>Web Designing
        </OL>
       
    <P> Multimedia Courses</P>
        <OL>
            <LI>Graphics Courses
            <LI>Editing Courses
            <LI>2D Animation Courses
        </OL>   
</BODY>
</HTML>



Now you have to go and save it like we did earlier, if you forgot please check here.  
 Now run it, you will get output like bellow image 
List Element Example

 As there is no attribute in the <LI> so it will take 1,2,3.. etc by default

It will continue..

I hope this will help you to understand, practice it and if you found any problem let me know in comment or email me in srv2013@gmail.com. Feel free to share if it helped you. Best of Luck

Related Posts:

  • BLOCKQUOTE ELEMENT This tag used to quote some text of the webpage. It is almost like CENTER element, text is shown in middle. The format is <BLOCKQUOTE>..............................<BLOCKQUOTE> Example: <HTML> <HEAD&g… Read More
  • PARAGRAPH ELEMENT In a document we need free space after couple of lines. For this reason we can use this tag.  From the beginning we know that if we write  in 2 or 3 line space in editor it will be not same in browser. We used B… Read More
  • Use of   COMMAND Using this command you can give as much space as you want between text . &nbsp means amrersand next before spave. Example: <HTML> <HEAD> <TITLE> Example of space between text</TITLE> </HEAD&g… Read More
  • HEADING ELEMENT By using this tag you can give different types of heading in your web page. From H1 to H6, there are 6 levels. By the number 1 you can easily imagine H1 is the biggest heading and H6 is the smallest. The format of this tag i… Read More
  • ADDRESS ELEMENT Today we will see how to write your address using ADDRESS tag. It will show the address in a Italic font and easily determine as a different text. The tag is look like <ADDRESS>......................................<… Read More

0 comments:

Post a Comment