HTML Head, HTML Tutorial, Global Guideline

Forum | Blog


Basic HTML Guide.      
 HTML Introduction.      
 HTML Entities.             
 HTML Tags Guide.      
 HTML Head.
 HTML Meta.                
 HTML Styles.               
 HTML Formatting.       
 HTML Backgrounds.     
 HTML Attributes.         
 HTML Links.                
 HTML Tables.             
 HTML Images.            
 HTML Colors.              
 HTML Fonts.               
 HTML Marquee.         
 HTML Forms.             
 HTML Frames.           
 HTML Lists.                
 HTML Scripts.           
 HTML Summary.        

HTML Tutorial >> HTML Head.

     Back             Next     

Here HTML Tutorial we will explain that web pages are based on two parts - we might not have met the first of these, as it's not visible unless we're looking at the code behind a page.

The HTML Head section

This HTML section may contain information about the web page and links to resources. It also contains the HTML 'Title' tag, which the web browser may use to display in the page's tab or title bar. FrontPage builds this Head section for you - check the 'HTML view' in Front page and you'll see that even a blank web page has both a head and body set up ready for you to add your material.

The HTML Body section

This contains the page content - text, images, links, lists that the web browser displays in its view port - the visible web page area. Order of HTML body is below of the HTML Head tag.  If you're simply writing web pages, or editing other web pages, you can ignore the following until you need it.

What's the HTML 'Head' Section of a Web Page?

The HTML 'head' tag wraps information about the web page - the HTML 'body' part of the HTML document contains the page contents, displayed to your visitors. The header contains things like:

The HTML Title Tag

Using FrontPage, set this by right mouse clicking on the page, choose 'Page properties, and set the 'Title'.  Title of the HTML page is nested in HTML Head Tag.

<title>HTML 'Head' tag, HTML Tutorial</title> 

The title tag's contents is usually displayed in the web browser's title bar.
A link to an external style sheet
FrontPage - create the style sheet and then link it to a page (or all pages in your site) with the menu 'Format/Style Sheet Links'. This puts something like this into the html page header.

<link REL=STYLESHEET HREF="example.css" TYPE="text/css">  

HTML Meta tags

These can contain information about the web page, to help search engines index the page. Using FrontPage, you may have to put these in yourself.  For details of HTML Meta Tags detail is available on HTML Tutorial section of HTML Meta section.

HTML Document Type Declaration

This isn't part of the page header - it's not even part of the HTML: it belongs at the very start. The only way to get it there using FrontPage is to add it manually, or alter the template from which FrontPage draws its basic web page.

What is HTML Document Type Declaration?

HTML Head has evolved rapidly: the Document Type Declaration or DTD simply tells the visitor's web browser what version of HTML the web page aspires to follow.

What does one look like?


Transitional//EN" "">

Does it matter?

Including a DTD allows you to validate your web pages (external link). Validated pages are accessible and behave well in any good web browser software.

     Back             Next     

[ About ] [ Contact ] [ Home ]
[ Links ] [ Site Map ] [ Services ] [ Privacy ]

Copyright 2005 -  2021 All rights reserved. (Best viewed in IE 6.0+ or Firefox 2.0+ at 1024 * 768 or higher) 387 visitors are online now