Showing posts with label how t divide a webpage in sections. Show all posts
Showing posts with label how t divide a webpage in sections. Show all posts

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

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 is :
<H1>.........................................................</H1>

Example:

<HTML>
<HEAD>
<TITLE> Example of Heading</TITLE>
</HEAD>
<BODY>
<H1>Learn HTML and make own website</H1>
<H2>Learn HTML and make own website</H2>
<H3>Learn HTML and make own website</H3>
<H4>Learn HTML and make own website</H4>
<H5>Learn HTML and make own website</H5>
<H6>Learn HTML and make own website</H6>
</BODY>
</HTML>

HEADING ELEMENT example




If you do not know how to save your program then please visit another post to save it. That post link is Lets Start



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. Best of Luck


DIVISION ELEMENT

With this tag we can arrange our document in different format. In this tag the other elements are TABLE, PARAGRAPH, HEADING. The format is
<DIV>..............................................................</DIV>

Example Program:

<HTML>

<HEAD>
<TITLE> Exampleof DIV Tag</TITLE>
</HEAD>
<BODY>
<H1> This is Online Learners<H1>
<DIV ALIGN=Center>
                       Our New Web Course
<H2>Mobile Web Page </H2>
<H1> Welcome</H1>
<P ALIGN=RIGHT>
Learn Mobile Application Development
<P ALIGN=LEFT>
Phone:123456789
</DIV>
</BODY>
</HTML>
 Now save it as previous. Open notepad, paste the code, Save as "Name.html". Now open the file and it will look like bellow image.
Division Element  


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. Best of Luck