Please visit our sponsors
Place Your Ad Here!

McJeff's
HTML 101 CLASS #7 Printable Version

 

You must have or get some images to place
images on your page. If you want to use the
same images we show in the example.

You can go to http://www.mcjeff.com/free.htm

We have tons of free images, backgrounds and animations there.

IMAGES USED IN THIS CLASS


"Get them free at http://www.mcjeff.com/free.htm "

NOTE:
So far we have been using names of colors, but we can access a much wider range of colors, If we use RGB code. RGB code is a six (6)digit hexadecimal number.

Hexadecimal is 0-F you use 16 characters. 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. So a RGB code can use any of these characters.
RGB CODE examples: ("FF0033") ("BBAACC") ("123FEC") ("FFFFFF") ("000000")

Mcjeff's HTML Class #7

WRITE THIS HTML CODE

=====================================

<html>

<head><title>WELCOME TO KIDS WORLD ON THE WEB (HTML101(CLASS#7))

</title></head>

<body bgcolor="22dd66" text="77aae4" link="123456" alink="654321" vlink="ffa11a">

<h1><center><u><b><i><a name="top">WELCOME TO</a> </u></i>

<br><img src="bchball.gif"><br>

<u><i>KIDS WORLD ON THE WEB</h1></u></i>

<h2>Things to do on the web</h2>

<h5><a href="#music">Music |</a><a href="#Games">Games |</a>

<a href="#movie">Movies |</a><a href="#vid">Videos |</a><a href="#comic">Comic Books |</a>

<a href="#bike">Bikes |</a><a href="#sports">Sports</a></center></h5>

<br>

<p><ol><li><i><font color="teal"><a name="games">Games</a></i>

</font><img src="games.jpg" align="left"><br>

<ul><li><a href="cgames.htm">Computer Games</a>

<li>Video Games <a href="http://www.sega.com"><i> Sega.com</i></a>

<li>Arcade Games

<li>Board Games

<li><u>NEW</u> Games</ul><hr>

<li><i><font color="green"><a name="music">Music</a></i></font>

<img src="music.gif" align="left">

<ul><li>RAP

<li>ROCK

<li><a href="http://www.wbls.com">RADIO </a> WBLS ( New York )

<li>COUNTRY

<li>ALTERNATIVE

<li>SOUND TRACKS</ul><hr>

<li><font color="red"><i><a name="movie">Movies </a></i></font><img src="film.gif"><br><hr>

<li><font color="ff77dc"><i><a name="vid">Videos</a></i></font><br><hr>

<li><font color="orange"><i><a name="comic">Comic Books</a></i></font><br><hr>

<li><font color="olive"><i><a name="bike">Bicycles</a></i><br></font>

<img src="bike.gif" align="center"><br><hr>

<li><font color="navy"><i><a name="sports">Sports</a></i></font>

<ul><li><a href="http://www.tigerwoods.com">Tiger Woods </a>Web Site

</ol></p><hr>

<hr>

<center><h1>Thank You For Visiting Our Web Site,<br>

<img src="thead.gif" align="right"><br> Come back soon!

</h1><br>

<h2><a href="mailto:kwotw@mcjeff.com">FeedBack</a></h2><br>

<h1><a href="#TOP">TOP OF PAGE</a></h1><br></b>

<hr>

</body>

</html>

=====================================

END OF HTML CODE, SAVE FILE as INDEX.HTM.

NEW TAGS:

<FONT COLOR=""> </FONT> " " DEFINES NEW TEXT COLOR.

<IMG SRC="" ALIGN="RIGHT"> " " DEFINE IMAGE PAGE PLACEMENT
(YOU CAN USE RIGHT, LEFT, TOP, MIDDLE, TEXTTOP, BOTTOM, BASELINE, ABSBOTTOM, ABSMIDDLE.)

<body bgcolor="22dd66" text="77aae4" link="123456" alink="654321" vlink="ffa11a"> RGB FOR COLOR VALUES.

HOMEWORK:

Complete this web page, add links, change color, move the images around.

You can cut and paste any of the html code on this page.

We'll be seeing you,

McJeff

YOUR PAGE SHOULD LOOK SOMETHING LIKE THIS


WELCOME TO

KIDS WORLD ON THE WEB

Things to do on the web

Music |Games | Movies |Videos |Comic Books | Bikes |Sports




Thank You For Visiting Our Web Site,

Come back soon!

TOP OF PAGE


IMAGES USED IN THIS CLASS


"Get them free at http://www.mcjeff.com/free.htm "

McJeff's Technical Solutions(copyrights)1997-98


TOP of Page



McJeff's HTML 101 CLASS #7


Class 1|Class 2|Class 3|Class 4
Class 5|Class 6|Class 8

NEW Background collection Over 10,000 Free online NEW
http://www.mcjeff.com/backgrounds

Cooks and Johnson ALL natural hair and skin care products

Powered by

McJeff's Technical Solutions(copyrights)1997-98