Step 8 – Headlines

In HTML it’s possible to use headlines. There are 6 different sizes. These codes are not as commonly used anymore, ‘cos you get a better result with FONT-tag. The headline-tags can have different outputs in different browsers.

In our document we add a headline this way:

<HTML>
<HEAD>
<TITLE>my own homepage</TITLE>
</HEAD>

<BODY BACKGROUND=”images/background.gif” BGCOLOR=”#FFFFE1″ TEXT=”#808080″ LINK=”#FF9B6A” ALINK=”#FF9B6A” VLINK=”#FF0000″>

<FONT FACE=”Verdana” SIZE=2>

<H2>A short introduction</H2>

<FONT COLOR=”#FF9B6A”><B>Nora Tol Virtual Publishing</B></FONT> was founded about 12 years ago when owner <FONT COLOR=”#FF9B6A”>Nora Tol</FONT> started offering her web design services.
<P>
By demand she quickly expanded her services with <U>designing logos and artwork (DTP)</U> and even started various <U>Internet- and marketing services</U>.
<P>
<FONT SIZE=4>Take a look at her homepage for more information.
<BR>
Or send her an E-mail!</FONT>

</FONT>
</BODY>
</HTML>

As you can see the line <H2>A short introduction</H2> has been added. <H1> is the biggest headline size and <H6> is the smallest. You always need to close the tag.

The default definitions of the headline tag includes spacing around the text. So there’s no need to follow it up with a paragraph-tag (<P>).

I could’ve placed this line above the first FONT-tag, but that would mean the font wouldn’t apply to my headline. Because <H2> has its own font size the defined size with the FONT-tag will be ignored.

It’s nice to know that some information you place in between the header tag are getting a higher priority when your site is indexed by Google. So using this tag wisely makes you optimize your website for search engines (SEO).

Go to Step 9

 

Bookmark the permalink.

Comments are closed