Image Tags

• 1). Begin with the basic image tag of <IMG SRC="http://www.example.com/image.jpg">. This tag places the designated image onto a Web page.
  
  
• 2). Set the height and width of the image in pixels by adding the following:
  
  <IMG SRC="http://www.example.com/image.jpg">
  
  Substitute for the "xx" to enter the dimensions you want for your picture. This can be used to create smaller or larger versions without uploading multiple copies of a picture.
  
  
• 3). Add a border to the picture with the following:
  
  <IMG SRC="http://www.example.com/image.jpg" BORDER="3">
  
  In this case, a border of 3 pixels will appear around the image. The border width can be set to whatever you want.
  
  
• 4). Add alternate text to an image with the code:
  
  <IMG SRC="http://www.example.com/image.jpg" ALT="Alternate Text">.
  
  If the cursor is held over the image, the words "Alternate Text" will appear. This command is often used to describe the image, as the text also appears if the image fails to load.
  
  

Text

• 1). Type a block of text into your HTML document.
  
  
• 2). Place <STRONG> in front of the text and </STRONG> behind it to make the text bold.
  
  
• 3). Make the text italic with <EM> and </EM> tags.
  
  
• 4). Use the tags <FONT FACE="xx"> around the text </FONT> to produce one of several common fonts used by most browsers. Your options are Ariel, Comic Sans, Courier, Impact, Times New Roman and Verdana.
  
  
• 5). Surround the text with the tags <FONT SIZE="x"> and </FONT> to set the size of the text. You can go from 1 (the smallest) to 7 (the largest).
  
  
• 6). Change the color of the text with the tags <FONT COLOR="#000000"> and </FONT>. This uses a hex code, which is a six-digit number representing a color. Hundreds of colors are possible with hex codes.
  
  You can also simply type the name of a color in place of the hex code, but your options will be much more limited.
  
  

Hyperlinks

• 1). Type in the following basic code for a hyperlink:
  
  <A HREF="http://www.example.com">Click Here</A>
  
  
• 2). Link to a specific area of a page by placing an anchor at the beginning of that section. For example:
  
  <A NAME="3">Section 3</A>
  
  Edit the hyperlink text as follows:
  
  <A HREF="http://www.example.com#3">Click Here</A>
  
  
• 3). Open a link in a new page by adding the following code:
  
  <A HREF="http://www.example.com" TARGET="_blank">Click Here</A>
  
  This allows you to provide links away from your page while keeping your page open.