weballey logo
 
left HTML - quick recap backnext right
homesearchsite mape-mail
introduction
software
tags
basic page
text
layout
pictures
background
text color
hyperlinks
< quick recap >
tag overview
publishing
promotion
epilogue
  Tags
    Tags are always between a "less than" (<) and a "greater than" sign (>). Most tags have a closing tag, with a forward slash. Some tags may have attributes that influence its behaviour. Some attributes are defined with data between quotation marks. Tags always embrace eachother. Use uppercase characters to make the tags stand out.
    <TAG>
    <TAG>...</TAG>
    <TAG ATTRIBUTE>...</TAG>
    <TAG ATTRIBUTE="...">...</TAG>
    <A><B>...</B></A> right
    <A><B>...</A></B> wrong
Basic web page
    HTML tags start and end the document. The HEAD section contains the TITLE of the webpage, appearing in the title bar of the browser window. The BODY tags contain the actual webpage. All these tags appear only once in every webpage. All other tags described on this page are only usable between the BODY tags.
    <HTML>
    <HEAD>
    <TITLE>Put your title here</TITLE>
    </HEAD>
    <BODY>
    Put your text here.
    </BODY>
    </HTML>
Text appearance
    Text can be made bold with a B tag, italic with the I tag, and underlined with the U tag. These tags may be combined.
    <B>bold</B>
    <I>italic</I>
    <U>underlined</U>
Headers
    Headers are constructed with the Hn tag, in which n is 1 for the biggest, through 6 for the smallest header.
    <H1>enormous</H1>
    <H2>big</H2>
    <H3>normal</H3>
    <H4>small</H4>
    <H5>smaller</H5>
    <H6>very small</H6>
Line breaks
    Line breaks are made with the BR tag, paragraphs are constructed with the P tag, they skip a line.
    <BR> line break
    <P> paragraph
Margins
    Left indents are made with the UL tag, the BLOCKQUOTE tag also indents on the right side. Both add an empty line below and above the text. A combination can be used to construct basic margins on web pages.
    <BLOCKQUOTE>
    <UL>
    <UL>
    Your text here.
    </UL>
    </UL>
    </BLOCKQUOTE>
Pictures
    You can add a picture with the IMG tag. The picture itself is a separate file and is called with the SRC attribute. The WIDTH and HEIGHT attributes determine its size and make the page appear faster. The ALT attribute adds a description of the image. The BORDER attribute can add a border around the image. Use only GIF and JPG files.
    <IMG SRC="file" WIDTH="size" HEIGHT="size" BORDER="0" ALT="description">
Background
    The background of your web page can be colored with the BGCOLOR attribute of the BODY tag. The BACKGROUND attribute creates a tiled image background. Use only standard colors. Make the background color similar to the background image color. Only use these attributes once.
    <BODY BGCOLOR="color" BACKGROUND="image">
    Your text here
    </BODY>
Text color
    The overall text color can be changed with the TEXT attribute of the BODY tag. LINK for to links, VLINK for visited links, ALINK for active links. Again only use standard colors. Only use these attributes once.
    <BODY BGCOLOR="color" TEXT="color" LINK="color" VLINK="color" ALINK="color">
    Your text here
    </BODY>
Hyperlinks
    Hyperlinks are used to connect web pages to eachother. They are made with the A link (anchor). The HREF attribute contains the name of the file you link to. Use the 'http://' prefix if you link to another server. In stead of a description you can also use an image, with the IMG tag. The 'mailto:' prefix constructs a an e-mail link, replace 'email' with a valid e-mail address.
    <A HREF="file">description</A>
    <A HREF="file"><IMG SRC="file"></A>
    <A HREF="mailto:email">email</A>
Final remarks
    Web pages are saved as plain text files with an .html extension. Use only lower case characters and no spaces, to prevent trouble on UNIX web servers. Use a simple text editor to create your pages.
bottom  
left Copyright © Gerben Hoekstra - All rights reserved backnext right