|
Basic Tutorial Part 5: Putting Images on your page
Now you need to insert an image. If you want,
download the image at the top of this page with the designer in it and use it for our example (just right click and choose save as.
Save it in the same directory as your HTML file as "htmlsmall.gif"). Now you will use a new command. the
<IMG SRC> command. Image types that you can use in an HTML file are GIF, TIFF, and
JPEG. If you have an image you would really like to use but it is not in one of those
formats don’t despair. Just head to our Image Editors file section and any number
of programs there can help you.
Let's put the image on the top of the page. So, add this line before your first line of
text: <IMG
SRC="htmlsmall.gif">
Now your code should look like this:
<HTML>
<HEAD><TITLE>My First Page</TITLE></HEAD>
<BODY>
<IMG SRC="htmlsmall.gif">
<H1>
<P ALIGN=CENTER><FONT COLOR="CC3366">My First
Page</FONT><BR><BR><BR>
</H1>
<P>
This page was created so that I could learn HTML.
By the end of this tutorial I should have the
basics of HTML down so that I can begin creating
nice looking web pages.
<P>
Right now I am trying out a new command that
creates paragraphs. This keeps my sentences from
running together and looking confusing to the reader.
This new command, along with the ALIGN command,
can help me position the text wherever I want it.
<P>
Just a quick note. If you are looking
for a place that has cool desktop themes then
<A HREF="#freethemes">go here!</A>
<P>
Now I am going to make a list of three things
that I have learned so far:
<P>
<UL>
<LI>How to make text different color.
<LI>How to align text any way you want.
<LI>How to make text different sizes
</UL>
<P>
Now here is a list of some of the other things
I am going to learn during this
tutorial:
<OL>
<LI>How to create links to other web sites.
<LI>How to set up a background.
<LI>How to link pages together.
</OL>
<P>
<A HREF="NEWPAGE.HTML">Go to my other page!</A>
<p>
<A HREF="http://www.tucows.com">
Come to TUCOWS for all of your software needs!</A>
<P>
<A HREF="mailto:yourname@yourplace.com">
E-Mail Me!</a>
<P><A NAME="Freethemes">Desktop Themes</A><P>
Where can you go for all of your desktop theme needs?
There may be many choices available for you to choose
from, but one site stands out above the rest. This site
will fill any possible need you may have in customizing
your desktop. This site is Freethemes. I suggest
that you go there now and get your favorite desktop
theme now. So, head to
<A HREF="http://www.freethemes.com">Freethemes!</A>
<BR><BR><BR>
</BODY>
</HTML>
You can center the image by using either the <P ALIGN> command or the
<CENTER> command. Now, a trick to remember is, if you know the size of the image it
helps the browser to load it that much faster. In that case the line might read <IMG
SRC="htmlsmall.gif" WIDTH=470 HEIGHT=117> .
Now head on to the next, and last part, of this tutorial: Putting in Backgrounds!
<<Back Next>>
Head on to:
What is HTML?
Introduction
Part 1: Basic Structure
Part 2: Putting in Text - Color and Effects
Part 3: Lists - Numbers and Bullets
Part 4: Creating Links with the Anchor Command
Part 5: Inserting Images on to Your Page
Part 6: Putting in Backgrounds
216 Color Hex Chart
HTML Command Reference
Back to Tutorial Menu
Back to Designer Main Page
Back To HTML Stuff Main Page
|
Copyright © 2000 Tucows.Com Inc.
TUCOWS.Com Inc. has no liability for any content or goods on the TUCOWS site or the Internet, except as set
forth in the terms and conditions and privacy statement.
|
|
Upload
