More Tags...

Using Special Characters

To add a blank space   This has sentence    3 blank spaces
To add a copyright symbol - © © This site is designed by Tony©
To add quotation marks - “ " "Are you enjoying learning HTML?"
To type an ampersand - & & Include your ID & SS card

 

Linking

Linking to pages An anchor (A) and location (HREF) is needed.
  The location can be a URL or a filename.
<A HREF="mailto:aina008@aol.com">Aina's email address</A> Aina's email address

<A HREF="http://www.cnn.com">Great News! </A>

Great News

<A HREF="Formatting!.htm">Linking to Other Pages</A>

The 2 files must be in the same folder.

 Linking to Other Pages

 

Images & Lists
To add an image to your page (the filename is "image.gif" <IMG SRC="fatalbert.jpg"> Fat Albert!

Try this code: <img src="fatalbert.jpg" alt="Fat Albert!" width="150" height="200">

Note how the width and height of the image is modified. The ALT tag adds alternate text which is viewed when one points the mouse over the image. This text will display if the image does not load.

Try this code: <img src="fatalbert.jpg" border= "5" width="150" height="200">

Note that the BORDER tag controls the thickness of the border around an image.
in pixels

Keep in mind, the filename or address of the image IS case sensitive, so "image.jpg" and "IMAGE.JPG" are considered two different images to the web browser.
Unordered - bullets

<UL>
<LI>Blue
<LI>Red
</UL>

  • Blue
  • Red
Notice the <LI> tags do not require a closing tag. Also, the list is indented somewhat from the rest of the text. You can indent further by adding more <UL> tags, as long as you remember to close every one of them.

<UL>
<UL>
<UL>
<LI>blue
<LI>red
</UL>
</UL>
</UL>

    • blue
    • red
Ordered - numbered

<OL>
<LI>blue
<LI>red
<LI>yellow
</OL>

  1. blue
  2. red
  3. yellow