HTML (HYPRT TEXT MARKUP LANGUAGE)
(PART-2)
First of all, we
remember the basic structure of HTML which is given below:-
<!DOCTYPE
html>
<head>
<title> IT IS A BASIC STRUTUE
EXAMPLE </title>
</head>
<body
bgcolor="aqua">
<br><br><br><br><br><br><br><br>
<center>
<p>
<font size=7>WE SHOULD KNOW THE BASIC STRUCTUE FIRST</font>
</p>
</center>
</body>
</html>
Result of the
above program:-
Today
I’ii discuss about some Tages and Attributes of HTML. We should note that HTML
is not a case- sensitive that is one can write HTML Tags in Capital letter or
Small letter.
First
Tag is HEADING TAGS
HTML
has six level of headings. Six level of headings tags are <h1>, <h2>, <h3>,
<h4>, <h5>, <h6>.
When
headings are displayed through Browser, Browser adds one line before and one
line after that heading.
Example:-
<!DOCTYPE
html>
<head>
<title> IT IS A HEDING TAGS EXAMPLE
</title>
</head>
<body
bgcolor="pink">
<br><br><br><br><br><br><br><br>
<center>
<h1>
<font color= "red"> IT IS THE FIRST HEADER</font>
</h1>
<h2>
<font color= "blue"> IT
IS THE SECOND HEADER </h2>
<h3> <font color= "green"> IT IS
THE THIRD HEADER </h3>
<h4>
<font color= "purple">
IT IS THE FOURTH HEADER </h4>
<h5>
<font color= "orange">
IT IS THE FIFTH HEADER </h5>
<h6>
<font color= "cyan"> IT
IS THE SIXTH HEADER </h6>
</center>
</body>
</html>
RESULT
OF THE ABOVE PROGRAM:-
Heading
sizes decrease according to levels. It is a Closed Tag.
Second
Tag is:- PARAGRAPH TAG
Paragraph
tags are used to represent different paragraphs in HTML. The Syntax of
Paragraph Tag is:
<p> ………. </p>
It
is a closed Tag.
Example:-
<!DOCTYPE
html>
<head>
<title> IT IS A EXAMPLE OF
PARAGRAH </title>
</head>
<body
bgcolor="cyan">
<br><br><br><br><br><br><br><br>
<center>
<p>
<font size=7> IT IS THE FIRST PARAGRAPH</font> </p>
<p>
<font size=7> IT IS THE SECOND PARAGRAPH</font> </p>
<p>
<font size=7> IT IS THE THIRD PARAGRAPH</font> </p>
<p>
<font size=7> IT IS THE FOURTH PARAGRAPH</font> </p>
<p>
<font size=7> IT IS THE FIFTH PARAGRAPH</font> </p>
</center>
</body>
</html>
Result
of the above program:-
THIRD
TAG IS CENTER TAG:-
<center> tag is used to place any content in center. It is a closed tag. Any content inside the <center> tag will be displayed in center. The SYNTAX of <center> tag is:-
<center> ……… </center>
Example:-
<!DOCTYPE
html>
<head>
<title> IT IS A EXAMPLE OF CENTER
TAG </title>
</head>
<body
bgcolor="OLIVE">
<br><br><br><br><br><br><br><br>
<center>
<p>
<font size=7 color= “red”> IT IS THE TEXT WHICH IS DISPLAYED IN CENTER </font>
</p>
</center>
</body>
</html>
Result
of the above program:-
Fourth
Tag is LINE BREAK TAG
:-
Line
Break Tag <br> is used to provide a blank space equivalent to a line.
Sometimes we want to show the text not on the top but some below of the top, in
that case <br> tag is the best choice. <br> tag is used anywhere in
HTML to provide a Line Break. It is an opened Tag.
Example:-
<!DOCTYPE
html>
<head>
<title> IT IS A EXAMPLE OF LINE
BREAK TAG TAG </title>
</head>
<body
bgcolor="PINK">
<br><br><br><br><br><br><br><br>
<center>
<p>
<font size=7 color= “BLUE”> IT IS THE TEXT WHICH IS DISPLAYED EIGHT LINES
GAP FROM THE TOP </font> </p>
</center>
</body>
</html>
Result
of the above program:-
In
this case Eight Lines Break is given at the top.
FIFTH
TAG IS HORIZONTAL LINE
TAG:-
Horizontal
Line Tag <hr> is used to provide a line break. Suppose we want to provide
a line break between two paragraphs then <br> tag is used. Using
<br> tag one can provide a line break anywhere in HTML. It is an opened
Tag.
Example:-
<!DOCTYPE
html>
<head>
<title> IT IS A EXAMPLE OF
HORIZONTAL LINE BREAK </title>
</head>
<body
bgcolor="PURPLE">
<br><br><br><br><br><br><br><br>
<center>
<p>
<font size=7 color= "cyan"> IT IS THE FIRST
PARAGRAPH</font> </p>
<hr
color="green" size=4>
<p>
<font size=7 color= "yellow"> IT IS THE SECOND
PARAGRAPH</font> </p>
</center>
</body>
</html>
Result
of the above Program:-
Here
in the tag <hr color="green" size=4> ‘color’ and ‘size’ are the attributes of
<hr> tag.
Today
I have discussed about
1. Heading Tags {<h1>….</h1>,
<h2>….</h2>, <h3>…..</h3>, <h4>……</h4> ,
<h5>………</h5> , <h6>……….</h6> }
2. Paragraph Tag <p> ……..</p>
3. Center Tag <center>……..</center>
4. Line Break Tag <br>
5. Horizontal Line Tag <hr>
In
the next blog I will discuss about other HTML tags.
8 comments:
IT IS A GOOD BLOG TO LEARN
EDUCATIVE ONE
I WISH TO LEARN MORE TAGS IN THE NEXT BLOG.
WAITING FOR MORE TAGS
BEAUTIFUL AND NICE WRITING.
Nice my friend
O.k. nice.when the next one.
when the next article?
Post a Comment