Showing posts with label HEADING ELEMENT. Show all posts
Showing posts with label HEADING ELEMENT. Show all posts

BGCOLOR ELEMENT(Background Color)

We didnt add any background color yet. Now we will add background color. We have to put it as attribute under the <BODY> tag. For color we can directly add RED, GREEN, BLUE, WHITE or we can use the HEX CODE. 

Program 

<HTML>
<HEAD>
<TITLE> Example of BG COLOR ELEMENT</TITLE>
<HEAD>
<BODY BGCOLOR=RED>
<H1>TANJIES DESIGN </H1>
<LI>Web Designing</LI>
<LI>Search Engine Optimization</LI>
<LI>Web Application</LI>
</BODY>
</HTML>

Example 2

<HTML>
<HEAD>
<TITLE> Example of BG COLOR ELEMENT</TITLE>
<HEAD>
<BODY BGCOLOR=#FF0000>
<H1>TANJIES DESIGN </H1>
<LI>Web Designing</LI>
<LI>Search Engine Optimization</LI>
<LI>Web Application</LI>
</BODY>
</HTML>

For Hex code you can check our old post, HEX CODE

The saving procedure is like before, but if u face something wrong then don't forget to write me.


 

List Element (Attribute with Ordered List)

In earlier post we have seen List element with out any attribute and that was the reason it took 1,2,3.. etc as default. We can set from which number the list element will start.

Format:

<OL Start="Number">.....</OL>

Now we will rewite the same code as earlier programe and use the new tag

<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 START="6">
            <LI>Graphics Courses
            <LI>Editing Courses
            <LI>2D Animation Courses
        </OL>   
</BODY>
</HTML>
        Now we need to save this as we did earlier and then if we run it we will get a result like bellow image


 
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

Horizontal Line Element

With this tag you can draw Horizontal line under document. Only in special occasion we need to use this one, for example after contact us details.

Format: <HR>

Code:

<HTML>
<HEAD>
<Title> Horizontal Line Element Example</Title>
</HEAD>
<BODY>
    <Address>
        3 Angle Softwares
        Scottsdale, Arizone, 85002
        Phone:1111111111
<HR>
<Address>
</BODY>
</HTML>

Save it, and then run  your program, If you dont know how to save then flow instruction here

 Result should be like this 


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