How To Create HTML Documents
(Hypertext Markup Language)

Continued

Page 2

<A> Is the Anchor element which is the essence of HTML. It is marked text that is the start and/or destination of a hypertext link. Anchor elements are defined by the <A> element. The <A> element accepts several attributes, but either the NAME or HREF attribute is required.

Attributes of the<A> element :
HREF
If the HREF attribute is present, the text between the opening and closing anchor elements becomes hypertext. If this hypertext is selected by readers, they are moved to the document specified by the value of the attribute.

Here is an example:
<a href="http://www.powerup.com.au/~jsmith">This is my web page</a>

It will appear like this:
This is my web page

Example 2:
<a href="mailto:jsmith@powerup.com.au">Email Me Here</a>

It will appear like this:
Email Me Here

<font size=value></font> Is the element of valid values ranging from 1-7 and the default font size is 3. The value given to size can optionally have a '+' or '-' character in front of it to specify that it is relative to the document basefont (if the size specified takes the font size above 7 or below 1, then values of 7 and 1 would be used).

Here is an example:
<font size="5">The size of this font (text) is 5</font>

It will appear like this:
The size of this font (text) is 5

Example 2:
<font size="+5">The size of this font (text) is +5</font>

It will appear like this:
The size of this font (text) is +5

Example 3:
<font size="-5">The size of this font (text) is -5</font>

It will appear like this:
The size of this font (text) is -5

<font color="value"></font> Is the colour attribute that sets which colour text will appear in on the screen. (The default colour is black)

Here is an example:
<font color="#00FF00">The colour of this text is green</font>

It will appear like this:
The colour of this text is green

Click Here
You will find all the colour codes you need.
(It may take a little while to load because it is done using Java Script).

You can also use the two together

Here is an example:
<font size="4 " color="#FFFF00">This text is yellow</font>

It will appear like this:
This text is yellow

<font face="value"></font> The FACE attribute sets the typeface that will be used to display the text on the screen. The type face displayed must already be installed on the users computer. Substitute type faces can be specified in case the chosen type face is not installed on the users computer. If no match is found, the text will be displayed in the default type according to their browser preference settings.

Here is an example:
<font face="Arial">This font is Arial</font>

It will appear like this:
This font is Arial

Example 2:
<font face="Arial, Lucida Sans">This font will either be Arial or Lucida Scans, depending on which font the user has.</font>

It will appear like this:
This font will either be Arial or Lucida Scans, depending on which font the user has.

The three font attributes can all be used together:

Here is an example:
<font face="Arial" size="4 " color="#FF00FF">The three together</font>

It will appear like this:
The three together

<kbd>...</kbd> Is the Keyboard element whcih indicates text typed by a user; typically rendered as monospaced . It might commonly be used in an instruction manual.

Here is an example:
<kbd> This Text Should be monospaced </kbd>

It will appear like this:
This Text Should be monospaced

Headings

Headings are some of the most important tags within the BODY of your HTML document. You will usually use a heading to tell what the following section of your page is about. The opening tag for a heading is <hy> and the closing tag is </hy> with y being the size of the heading... from 1 to 6. (1 being largest, and 6 being smallest)

Example of heading tags...

Bob fell over the chicken. [H1]

<h1>Bob fell over the chicken. [H1]</h1>

Bob fell over the chicken. [H2]

<h2>Bob fell over the chicken. [H2]</h2>

Bob fell over the chicken. [H3]

<h3>Bob fell over the chicken. [H3]</h3>

Bob fell over the chicken. [H4]

<h4>Bob fell over the chicken. [H4]</h4>

Bob fell over the chicken. [H5]

<h5>Bob fell over the chicken. [H5]</h5>

Bob fell over the chicken. [H6]

<h6>Bob fell over the chicken. [H6]</h6>

You can also align your headings by adding the align="value" within your tag

examples:

<h1 align="center">Heading 1</h1>

Heading 1

<h1 align="right">Heading 1</h1>

Heading 1

<h1 align="left">Heading 1</h1>

Heading 1

Next Return to Main page