Easy HTML Help
The Basics Continued
Home
The Basics
The Basics Continued
HR Lines
Lists
Tables
HTML Code Tester
Color Charts

More HTML Codes and Examples

Paragraph and Text Breaks

<BR>
This will break text to the next line. Can also be used to break an image to the next line. Can be used as many times as needed to get desired spacing.

<P>
Will add a single blank line between text. Unlike the <BR> tag, <P> can only be used once between items.


Adding Images

The image you are wanting to add to your web page needs to be stored on the internet. It should be in GIF or JPG format. GIF is better for line drawings and images that are not very complex. JPG should be used with photographs.

There are different attributes in the image code that can be changed.

The code to insert an image is <IMG SRC="....">

ATTRIBUTE
 
ALT="...."
Alternate Text.
Indicates text to show if the image does not display.
BORDER="a number"
Controls thickness of border around entire image (in pixels).
HEIGHT="a number"
Controls height of image (in pixels).
WIDTH="a number"
Controls the width of image (in pixels).

Example:
Change the filename to the images filename that you are wanting to use. Anything in between " " can be changed.


Aligning Images

ATTRIBUTE
 
ALIGN="bottom"
Aligns bottom of image with current line.
ALIGN="left"
Allows image to float down and over to the left margin. Following text wraps to the right of the image.
ALIGN="middle"
Lines up the current line with the middle of the image.
ALIGN="top"
Aligns with the top of the tallest item in the current line.
ALIGN="right"
Aligns image to the right margin, wraps text around image to the left.
HSPACE="a number"
Controls the amount of horizontal space around the image.
VSPACE="a number"
Controls the amount of vertical space around the image.

To center an image on the page put the center tag, ( <CENTER> before the code and </CENTER> after the code) around complete image code.


Making Links Using Text or Images

A link is text or an image that is clickable to another page on the internet. Here is an example of a text link, iVillage. Click the word iVillage and it will take you to the iVillage web site.

Here is the code to make a text link.


Just change the address and text to what you want to link to, and you will have a working link!

Here is the code to make an image link:


Just change the address and the filename and all attributes marked with ? to your liking and you will have a image that is a clickable link!


Go Back