FAQ FAQ | Forum Rules and Policies Forum Policies
 
Memberlist Member List | Community Community

Navigation

Home
Tutorials

Crafts
References
Web design tips
Dating
Graphic Design tips
Search Engine Promotion
User-Agent database
About the Internet
Web Technology
Web Screenshot Archive
Our Newsletter
Search

Free Stuff
Free graphics
Free desktop wallpaper
Free HTML templates
Free scripts

Free web-based tools
Graphic Design Contest
Affordable Web Hosting
Educational Toys
Diaper Cake

Services
Learning Toys
Services summary
Web design services
Web design packages
Logo design services
Graphic design services
Pricing
Portfolio
Custom Website Design
Unique Baby Gifts

Inside i.D.
Our partners
Advertise
Site Map
FAQ
Contact
About

Building your first web page ( cont. )

Ok now that we have some color on our page ( although it may not be great looking ) lets add a bit more. Change the text between the <BODY></BODY> tags to read anything you want. I will change mine to read "This page has information about the PBX".

Now, lets add an image to this page. Images are called using the <IMG> tag. A simple image tag looks something like this:

<IMG SRC="thepathtoyourimagehere">

The text in between your quotes needs to specify the path to your image that you wish to use. For example, if you have a folder in the root of your directory called images, and your image name is 'logo1.jpg', the path would look something like this:

<IMG SRC="http://www.icehousedesigns.com/images/logo1.jpg">

So now, we have a document that looks something like this. Looks kind of messy huh? Well lets clean it up a bit, using 2 different tags. The <BR> or break tag, and the <CENTER></CENTER> tags. Place the image statement between your two center tags, and add two <BR> tags after between your text that you wrote out and the image tag, and it should look something like this. Looks a little bit better. One variable of the IMG tag is that you can add what's called ALT text to your image. For example:

<IMG SRC="yourimagehere" ALT="This is your image!"> This will make it so that when you move your mouse over the image and hold it there, whatever text you typed it will show up. Try it here.

Next-Cleaning up that page a little...
Return to Reference Index


Cool Sites

Website Templates
Free Hit Counter
$2.95/month Web Hosting
Reseller Hosting

 



Logo Design | Photoshop Tutorials | Dreamweaver Tutorials | Non GMO Canola
© 2000-2004 IceHouse Designs, Inc. View Privacy Statement.

Valid HTML 4.01!

Valid CSS!