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?
Hideous:
<!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
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
| 
Home 