After the few basics components learnt, its actually time for the presentation or content elements to be started with.
By now we already know the basic structure of a webpage and what it consists of, now we need to learn about the inner tags and elements which are for the presentation of the content.
We start with "heading tags" which are used to display the contained text within it in form of headings which are bolder as well are larger in font size than the normal text to emphasize a special presence of the keyword the following things are about.
Everywhere you might see the use of heading and its for the same very purpose in case of webpages to categorize the text associated with it into several related but labelled segments.
The heading tags are ranged from <h1> to <h6> successively with the <h1> as the boldest and largest representation format and <h6> as the smallest and most narrow among the heading but obviously more perceptive than the normal text.
Heading 1 : <h1>I am heading 1</h1> (Boldest and largest)
Heading 2 : <h2>I am heading 2</h2>
Heading 3 : <h3>I am heading 3</h3>
Heading 4 : <h4>I am heading 4</h4>
Heading 5 : <h5>I am heading 5</h5>
Heading 6 : <h6>I am heading 6</h6> (Smallest and most narrow)
Test code : ( Use this code to view the various heading elements on your webpage )
<!doctype html>
<html>
<head>
<title>
My page still has a title within head tag
</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
<html>
Note : You can see the different sizes and thickness variations in the various headings in the display area of the browser.
By now we already know the basic structure of a webpage and what it consists of, now we need to learn about the inner tags and elements which are for the presentation of the content.
We start with "heading tags" which are used to display the contained text within it in form of headings which are bolder as well are larger in font size than the normal text to emphasize a special presence of the keyword the following things are about.
Everywhere you might see the use of heading and its for the same very purpose in case of webpages to categorize the text associated with it into several related but labelled segments.
The heading tags are ranged from <h1> to <h6> successively with the <h1> as the boldest and largest representation format and <h6> as the smallest and most narrow among the heading but obviously more perceptive than the normal text.
Heading 1 : <h1>I am heading 1</h1> (Boldest and largest)
Heading 2 : <h2>I am heading 2</h2>
Heading 3 : <h3>I am heading 3</h3>
Heading 4 : <h4>I am heading 4</h4>
Heading 5 : <h5>I am heading 5</h5>
Heading 6 : <h6>I am heading 6</h6> (Smallest and most narrow)
Test code : ( Use this code to view the various heading elements on your webpage )
<!doctype html>
<html>
<head>
<title>
My page still has a title within head tag
</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
<html>
Note : You can see the different sizes and thickness variations in the various headings in the display area of the browser.
Comments
Post a Comment