Kevin Aves MCITP Kevin Aves MCITP  
WEBSITE

 
 
SIMPLE HTML

 

It is important to remember when writing HTML code that the code is only pointing towards an asset. Please be sure to refer to the HTML Reference book provided.
(Eg: an image or file) and is not the file itself.

Example 1: <img src="HOME.jpg">
Firstly the image is 'case sensitive' and must include the extension (in this case .jpg) My image is called HOME -
Hence HOME.jpg as the source file for the HTML code.

In order to see the image in the page with the code as above the image must reside alongside the webpage in
the same Root Folder.
If the Home.jpg image resided in a further subfolder (within the Root folder) called 'images' then
the 'path' to the image would be as follows:

<img src="images/HOME.jpg">

You will notice the Prefix of the folder name before the image name in the code to denote the 'path' to the asset (image) located in a folder within the 'Root Folder' ( in this case called 'images')
(This is known as a 'subfolder' because it stems from within the main Root Folder for the site).

Example 2: Complete page code example including One image called HOME.jpg

<HTML><HEAD><TITLE>JOHNSON HOME</TITLE>
<BODY text=maroon bgColor="#999999">
<CENTER>
<H1 align=right><U>JOHNSON HOME</U></H1><IMG height=250
src="HOME.JPG" width=300 align=right>
<H2 align=left><FONT face=FLATBRUSH size=4><U>COME AND RELAX IN THE SWISS
ALPS</U></H2></CENTER>
<H3>AMENITIES</H3>
<UL><FONT face=FLATBRUSH size=3>
<LI>Hot tub/spa
<LI>Big screen TV with satellite
<LI>Phone
<LI>VCR
<LI>Full kitchen
<LI><B>Three</B> bedrooms (Sleeps 10)
<LI><B>Three</B> bathrooms
<LI>Sleeps 10 </LI></UL>
<HR>

<P>To visit this fabulous vacation home and to enjoy a wonderful holiday in the
Swiss Alps then all you have to do is dial this number to make a booking (has to
be a minimum of three nights) 07775278903 and for only £200 a night you will
have the time of your life!</P>
<P><A href="http://www.switzerland.com/"><FONT face=FLATBRUSH size=3>Click for
additional information about
Switzerland.</P></FONT></FONT></FONT></A></BODY></HTML>

Click to view the result of this code Here

To view more complex Folder Structures Here
 
Top

  
   
     

Home Courses Contact Links Holidays DreamweaverCs3
DreamweaverCS4FlashCS4FlashCs3 DreamweaverStudio8 FlashStudio8 DreamweaverMX FlashMX Frontpage Dreamweaver4
Basics Hosting Siteplanning Portfolio Graphics Ftp Explorer Notes
Sign_Up to Netfirms_Help Tripod_Lycos_Signup_Help
Setting site definitionsDWMX Setting site definitions DW4  Setting site definitions Studio8
Notes on Final site Example Student sites
Simple folder structure General Folder Structure Simple Html
Template notes Example Html Form Formcode