<H1>...</H1> The Heading Level One
21 Feb 2009, dilip Comments:
There are heading tags in HTML- H1,H2,H3,H4,H5,H6 . They are used for displaying various levels of heading. Like H1 can be used for the heading of the Page. Below are provided two example codes to demonestrate the working of H1
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>This is the title of Your Page </title>
</head>
<body
bgcolor="green">
<H1>This is The Heading of The Page</H1>
<font color="#FFFFFF">write any thing here
..blah .. blah... it will be displayed in your webpage </font>
</body>
</html>
Please copy -paste the above code in ur favourite editor and save as something.html and open it with browser
to check how the H1 tag works. Some quick infor of the tag given below.
| Syntax | <H1>...</H1> |
|---|---|
| Attribute Specifications |
|
| Contents | Inline elements |
| Contained in | APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DEL, DD, DIV, FIELDSET, FORM, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH |
Now by using simple inline style I will show how can the nature of H1 tag can be changed.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<title>This is the title of Your Page </title>
</head>
<body bgcolor="green">
<style>
h1 {
color: #c33;
background: transparent;
font-weight: bold;
text-align: center;
}
</style>
<H1>This is The Heading of The Page</H1>
<font color="#FFFFFF">write any thing here ..blah .. blah... it will be displayed in your webpage </font>
</body>
</html>
Now save the above code and checkout how the heading is looking.
More information about styles and stylesheets will be soon provided. Similar are the headings tags H2 , H3, H4, H5 , H6. But without specifying the
font size they have decreasing sizes.Please feel to visit our forums to know
more
