HTML
BASICS OF HTML - FOR BEGINNERS
After seeing so much positive response from readers on our previous post on web development through HTML , CSS and JAVASCRIPT . In the previous post , we learned about five basic tags of HTML . Now we are going to learn about next five basic tags of HTML .
In this post we are going to cover following eleven tags of HTML -
1) <head> ...... </head>
This tag is know as head tag in HTML . This tag is placed before body tag because this tag is execute first than the body tag .
2) <title> ..... </title>
This tag is know as title tag in HTML . This tag is written in the head tag because this is the name of your web page .
 |
| Here , Head tag and Title tag are used . |
 |
| See here page name is same as the content written in Head tag and Title tag . |
3) <hr>
This tag is known as Horizontal line tag . This tag is used to create horizontal line to divide the content of your web page .
 |
| Here <hr> tag is used in body tag . |
 |
| See the effect of <hr> tag (horizontal line is created) . |
4) <h1> ....... </h1>
This tag is known as Heading style 1 tag in HTML .
5) <h2> ....... </h2>
This tag is known as Heading style 2 tag in HTML .
6) <h3> ....... </h3>
This tag is known as Heading style 3 tag in HTML .
7) <h4> ....... </h4>
This tag is known as Heading style 4 tag in HTML .
8) <h5> ....... </h5>
This tag is known as Heading style 5 tag in HTML .
9) <h6> ....... </h6>
This tag is known as Heading style 6 tag in HTML .
NOTE - It is difficult to explain all six sub-heading tags <h1>,<h2>,<h3>,<h4>,<h5> and <h6> because there is a very slight difference among these tags which you will able to understand only by doing practical of it .
 |
| Here you can see all six heading styles . |
 |
| Here all six styles are present practically . |
10) <font> ...... </font>
This tag is known as font tag in HTML . This tag is used to give style to your content . Through this tag you are able to change the size , colour , face(text style of the content) .
 |
| Here you can see the use of <font> tag . |
Here , in the <font> tag , size is used to increase the size of text , color is used to colour text and face is used to give text style .
 |
| Here is the practical view of <font> tag . |
11) <a> ....... </a>
This tag is known as Anchor tag in HTML . This tag is used to link the webpages of your website . This tag is also known as Navigation tag .
This tag is able to link or open file of type - word file , pdf file , rar file , doc file and many more but there is the condition if you want to open the file then you have to save that file in your current folder means the folder where you are working and saving your html files .
 |
| Here you can see the use of <a> anchor tag . |
 |
| After using anchor tag you will see like this and if you click on (click here to view part2) to are shifted to new web page named as part2.html .This is the use of anchor tag to link web pages . |
 |
| If you click on that line which you saw in the above image then you are able to see this means anchor <a> tag shifted you to this page . |
NOTE - In anchor tag , you have to save your first file which you have to show to your users
by clicking on some line in the same folder where you are working currently . In this we use <a href="yourfilename.html"> click here to view part 2 of HTML </a> . Here href is used to give reference of your first file in your second file .
So,
Our first blog post ends here now you go on your notepad and try this code for better understanding otherwise after sometimes you will forget this .
keep learning !
and stay tunned for more post.
No comments:
Post a Comment