weballey logo
 
left HTML - tag overview backnext right
homesearchsite mape-mail
introduction
software
tags
basic page
text
layout
pictures
background
text color
hyperlinks
quick recap
< tag overview >
publishing
promotion
epilogue
 
<HTML>...</HTML>
These tags are at the beginning and end of every file. They show the file is an HTML file. In other words: a web page. Use these tags only once on a page.

<HEAD>...</HEAD>
These enclose the head of your web page. They are put directly after the first HTML tag. In it you can put the title of your page. These are also to be used only once on every page. Don't use any other tags here.

<TITLE>...</TITLE>
The title tags are inside the HEAD tags. Between them you put the title of your page, appearing in the top bar of your browser window. Give a clear title to every page. Use these tags only once, and don't use any other tags here.

<BODY>...</BODY>
The body tags enclose the contents of your page. The opening body tag comes immediately after the closing HEAD tag, the closing before the closing HTML tag. It is getting monotonous: only to be used once on a page. The body tag has a number of attributes, which can change text and background colors of your page.
BGCOLOR="..."
background color (standard is gray)
BACKGROUND="..."
background picture, fill in the file name
TEXT="..."
text color (black)
LINK="..."
link color (blue)
VLINK="..."
visited link color (purple)
ALINK="..."
active link color (red)

<B>...</B>
Bold text

<I>...</I>
Italics, don't use on small text, may look ugly.

<U>...</U>
Underlined text. Can cause confusion; looking like a link.

<Hn>...</Hn>
Header, or title, don't overuse. The n stands for 1 through 6 for size.

<BR>
Line break: breaks off current line and starts a new one.

<P>
Paragraph: stops a string of text, skips a line and starts a new paragraph on a new line.

<BLOCKQUOTE>...</BLOCKQUOTE>
Blockquote puts some space around the enclosed text, margins on all sides. you can use more of these to widen the margins.

<UL>...</UL>
UL: Similar to BLOCKQUOTE, only indenting on the left. Can also be used more than once to regulate margins.

<IMG>
Image shows a picture on your page. Use only file types GIF or JPG, no larger than 25 kB. Multiple attributes, only file name (SRC) obligatory.
SRC="..."
Source, denotes file name of the picture. Be sure to use the proper filename and path to the file. The picture may also reside on different web server.
BORDER="n"
Border: line around the picture, the number specifies the width in pixels. Set to zero, the border disappears.
WIDTH="n"
Width of the image in pixels, makes the page appear faster in your browser.
HEIGHT="n"
Height of the picture, makes the page appear faster in your browser.
ALT="..."
Alternative text, to appear only if the picture is not shown, or if your mouse pointers hovers above it.

<A>...</A>
Anchor: (hypertext) link, the most important tag, because it connects to other documents on the web. The text between these is displayed underlined, to make clear it is a link. This tag has one obligatory attribute, containing the web address of the link.
HREF="..."
Hypertext reference, the web address of the linked page. Specify the full URL if you are linking to another server. So including the 'http://' prefix and the server name. Otherwise the browser will look for it on your own server, resulting in a 404 not found error. Can also be used for email addresses ('mailto:' prefix); and combined with the IMG tag.
bottom  
left Copyright © Gerben Hoekstra - All rights reserved backnext right