Basic Elements on Every Page
Three tags <HTML>, <HEAD>
and <BODY>, are used to describe the
overall structure of the document, identify your document to the browser
and provide some information about the document (who wrote it, etc.)
<HTML> this goes at the very
beginning of your page
- <HEAD> this tag is next
and includes important information about your page.
-
<TITLE>
this tag must be part of the information in the <HEAD>
and includes the words (a name or title) that will display at the top of
your browser's window. This is also what is listed if someone adds a Bookmark
for your page.
</TITLE> this tag must be after the title information
- Comments <!--hey there--> can also be part of your
<HEAD> information, a good place to put who you are, your email address, when you last updated this page, etc.
</HEAD>
this tag must be at the end of the information in the <HEAD>
<BODY> this tag comes
next and includes the text, pictures and link information for the entire
document. The information in the <BODY> tag can also include colors
for your page's text and background, or background images.
Structure of HTML inside the <BODY> include
- Headings: <H1> (largest) through <H6> (smallest)
Headings need to have
beginning and ending tags surrounding the words. A blank line will appear after the heading. Ex. <H1>This is how you would enclose
an H1 sentence</H1>
<BR> Line break tags
Line break tags don't need an ending
tag and will move the text to the next line.
<P> Paragraph tags
Paragraph tags don't require an ending tag
and will move the text to the next line and also includes a blank line (same as entering two <BR>tags).
Link (anchor) tags
<A HREF ="Hypertext REFerence"> Clickable link word(s) </A>
Includes a beginning and ending tag around the link. These tags
will allow users to link to other pages or other places on the same page.
If you want to link to an outside page, the full Internet address is required,
followed by the "clickable underlined words."
Ex. <A HREF= "http://www.disney.com">The
Disney Page </A>
<IMG SRC= "image.gif">
The image source tag is used to display pictures in your page. Be sure to include complete info! (Alternative text, and Height and Width pixel sizes.)
ALIGNMENT tags such as: <CENTER>, <TOP> Alignment tags requiring beginning and ending commands.
<TABLE> Tables provides ways of organizing data on your page. Tables are created with tags specifying borders, alignment, rows, headings and columns (or data). They are the most difficult to master in HTML.
</BODY> Always end
the <BODY> part with this tag.
</HTML> this goes at
the very bottom of your page!