.
Genesis
.
Information
Customer Support
.
Portfolio
.
Contact
.
Jobs
.
Tim Rendle Dot Com

 


HTML Tutorial 3. Links, Images and Linking images

Links

The proper page is here take a look at the code in 'view - source' (in the browser options) and we'll go over the points.

Once you get this next bit you'll have the basic building blocks to start building something modest.

Two text link to www.google.com goes like this:

(I'm going to assume you realise that this code goes between the <body and /body> tags)

Try to make sure that your links always have the full "http://www." path.

The target=" " section defines where the file will open, in a new widow or the same window.

Below shows the code that firstly shows a picture then underneath shows the same picture but this time the picture is a link. This is the most basic form of button.

  • For the image widths and heights always use the same as the picture you are going to show. Changes will cause image distortion or excess filesize
  • If you look at the bottom of the browser when you hover the mouse over the above image of code you will notice the link is to the image itself. Many file types can be linked to in this way but some will prompt the user for what the would like to do with the file.
    Some of these file types include .doc (word document), .mpg (movie), .mp3 (mp3 format sound file). Linking to the mp3 won't make it play on your Website but that might be my next tutorial.

That's about it for now but I'll add more tutorials when I get time.

Web design by timrendle.com tim@timrendle.com

OTHER TIMRENDLE.COM TUTORIALS

Image optimisation tutorial

Basic HTML for beginners #1 - Create an HTML page

Basic HTML for beginners #2 - Formatting text in HTML

Guitar tutorial for absolute beginners

© Copyright Tim Rendle 2005

 
This tutorial was brought to you by timrendle.com
UK & ESSEX WEB DESIGNER - SEARCH ENGINE OPTIMISATION WIZARD - UK WEBSITE ANALYST-
United Kingdon Web Design Agency