outline
- Introduction
- Importance of HTML Headings
- Writing basic programs using heading styles
Introduction
HTML headings
are also called heading styles in HTML. HTML headings are used to specify topic
titles in HTML. There are six heading styles in HTML from h1 – h2, The largest heading style is h1 and
it defines the most important heading in webpage. The smallest heading style is h6 and it
defines the least important heading in webpage. Headings are also most important
element of web pages for Search engine optimization seo. All HTML headings are
paired tags, which means you must open and close heading tags. Each time you
place a heading in webpage, your browser built-in style sheets automatically
create some empty space before and after each heading. All HTML headings are
block level elements which means they produce content on different line.
Importance of HTML Headings
As already discussed
HTML headings are used to create titles in web pages. They highlight important
information and help in structure the web page. Don’t use headings for making
text big or bold, use headings only for highlighting the headings (titles or topic
names) in your document to show document structure. Headings are also an
important element in webpages for search engine optimization because search
engines like Google.com, Bing.com etc. uses headings to index the structure and
content of web pages, so use heading very wisely in your web pages. Main heading
of web page should be in <h1>…</h1>, the topics which come inside main
heading should be written in <h2> …</h2> element and so on.
Writing basic programs using heading styles
Example#1:
Writing heading style with default margin and padding
<!doctype
html>
<html>
<head>
<title>Heading
Styles example 1 </title>
<meta charset=”utf-8”>
</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>
Example#2:
Removing margin and padding from all of web pages
<!doctype
html>
<html>
<head>
<title>Heading
Styles example 1 </title>
<meta charset=”utf-8”>
<style>
*{margin:0px;padding:0px}
</style>
</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>
0 Comments:
Post a Comment