Please visit our sponsors
Place Your Ad Here!

McJeff's
HTML 101 CLASS #5
HTML 101 CLASS #5 Printable version Click Here


NEW Web page Backgrounds collection
Over 10,000 Free online
NEW

NEW
Puzzles Over 350 NEW

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:
In order to link another page you must have a valid file name, address
or URL to go to.
URL = UNIFORMED RESOURCE LOCATOR .
(exact PATH TO RESOURCE) Resource can be image file, sound file
HTML file, movie file, Java files and more.
Examples of a URL's:
http://www.mcjeff.com/free.htm ( Web location of HTML file)
http://bbs.tonybrown.com/aardvark/index.htm (location of Aardvark's index.htm file on Tony Brown.com).
http://members.tbol.net/mcjeff/index.html (directory location on world wide web).
These all are web links taking you on the internet to access the resource.
You can also access ( link to )resources co-located with your INDEX.HTM file.
The link could look like this:
"page2.htm" (here page2.htm file is located in the same directory as your index.htm file)
"html/page2.htm" (here page2.htm file is located in the html sub-directory )
"../html/page2.htm" (here the page2.htm file is located in the html directory one level up)
"../../html/page2.htm" (here the page2.htm file is located in the html directory two levels up)
AGAIN YOU ARE GIVING THE EXACT PATH TO THE RESOURCE YOU WISH TO ACCESS .

Always check your spelling if your link doesn't work, exact spelling required.

 

McJeff's HTML Class #5

WRITE THIS HTML CODE

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

<html>

<head><title>Welcome to AFRICA ON-LINE. (Welcome to the HTML 101 web page (class #5))</title></head>

<body bgcolor="navy" text="gold" link="gold" alink="red" vlink="gray">

<center><h1><u>Welcome to the </u><br>

<img src="africa.jpg"> <br>

<u>AFRICA ON-LINE<br>web page</u></h1>

<br>

*<br>

<h2><b><i><u>MENU of Northeast Africa </u></i></b></h2>

<h5><b><i><u>(unordered list)</u></i></b></h5></center>

<br>

<ul><p>

<li><a href="egypt.htm"><i>EGYPT</a><i><br>

</i>

<li><a href="saudi.htm"><i>SAUDI ARABIA</i></a> <br>

<li><a href="oman.htm"><i>OMAN</i></a><br>

<li><a href="yemen.htm"><i>YEMEN</i></a> <br>

<li><i>UNITED ARAB EMIRATE </i><br>

<li><a href="iraq.htm"><i>IRAQ</i></a><br>

<li><a href="iran.htm"><i>IRAN </i></a><br>

<li><a href="jordan.htm"><i>JORDAN</i></a><br>

<li><i>SYRIA </i><br>

<li><i>SUDAN</i><br>

<li><i>ERITREA </i><br>

<li><i>DJIBQUTI</i><br>

<li><i>ETHIOPIA</i><br>

<li><i>SOMALIA</i>

</ul></p><br><br>

<center><img src="sm_glbe.gif"><br>

<h2><b><i><u>MENU of SUBJECTS</u></i></b></h2>

<h5><b><i><u>(ordered list)</u></i></b></h5></center>

<ol><p>

<li><h3><i>Northeast Africa</h3></i>

<ul>

<li><a href="egypt.htm">EGYPT</a><br>

<li><a href="saudi.htm">SAUDI ARABIA</a><br>

<li><a href="oman.htm">OMAN</a><br>

<li><a href="yemen.htm">YEMEN</a><br>

<li>UNITED ARAB EMIRATE<br>

<li><a href="iraq.htm">IRAQ</a><br>

<li><a href="iran.htm">IRAN</a><br>

<li>JORDAN<br>

<li>SYRIA<br>

<li>SUDAN<br>

<li>ERITREA<br>

<li>DJIBQUTI<br>

<li>ETHIOPIA<br>

<li>SOMALIA</ul><br>

<li><h3><i>Southern Africa</h3></i>

<ul>

<li><a href="south.htm">SOUTH AFRICA</a><br>

<li>NAMIBIA<br>

<li><a href="zimbabwe.htm">ZIMBABWE</a><br>

<li>MOZAMBIQUE<br>

<li>ZAMBIA<br>

<li><a href="angola.htm">ANGOLA</a><br>

<li>MALAWI<br>

<li>MADAGASCAR</li>

</ul>

</ol></P><br>

<center><hr><br>Wow!!<br>

<h1><b>S</b></h1><br>

<h2><b>O</b></h2><br>

<h3><b>GET</b></h3><br>

<h4><b>ON YOUR</b></h4><br>

<h5><b>carts,</b></h5><br>

<h6><b>MOPEDS</b></h6><br>

<h3><b>or</b></h3><br>

<h1><b><i><u>BICYCLES</u></i></b></h1><br>

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

<h1><u>IMAGE FILES USED ON THIS PAGE</u></h1>

<br><ul>

<li>AFRICA.JPG <br>

<li>BIKE.GIF<br>

<li>SM_GLBE.GIF

</ul>

<br>

<a href="http://www.mcjeff.com/free.htm">

<i>Get them free at http://www.mcjeff.com.free.htm</i> </a><br>

<h4><b><i>Web Page by:</i></b></h4><br>

<h3 ><b><i><blink>ENTER YOUR NAME HERE </blink></i></b></h3><br>

<h2><b>HTML 101 CLASS #5</h2><br>

<h5>

<u>McJeff's Technical Solutions(copyrights)1997</u>

</h5><br>*

<br>

</center>

</body>

</html>

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

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

NEW TAGS:
<A HREF="resource"> TEXT TO APPEAR ON SCREEN</A> Anchor Tag (link)
<a href="page2.htm">TO PAGE TWO</a>
(here you click on "TO PAGE TWO" to go to page2.htm).
<a href="http://www.mcjeff.com">HOME</a>
(here you click on "HOME" to go to http://www. McJeff.com).

<BODY BGCOLOR="NAVY" TEXT="GOLD" LINK="GOLD" ALINK="RED" VLINK="GRAY">

(LINK = LINK COLOR, ALINK = ACTIVE LINK COLOR,
VLINK = VISITED LINK COLOR)

<HR> = HORIZONTAL RULE (divides page with line)
<STRONG> </STRONG> Can be used in place of <b></b>

HOMEWORK:
Write a few pages ( give each page a different name like page1.htm, page2.htm, page3.htm, etc. Link from one page to the next and back to you index page. Link to a web URL (http://www.mcjeff.com/free.htm).
You will have to be on line to test your web links.

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 the



AFRICA ON-LINE
web page


*

MENU of Northeast Africa

(unordered list)





MENU of SUBJECTS

(ordered list)
  1. Northeast Africa


  2. Southern Africa




Wow!!

S

O

GET

ON YOUR

carts,
MOPEDS

or

BICYCLES


IMAGE FILES USED ON THIS PAGE

 


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

Web Page by:

"ENTER YOUR NAME HERE"

 

McJeff's HTML 101 CLASS #5


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

NEW Web page Backgrounds collection
Over 10,000 Free online
NEW

Cooks and Johnson ALL natural hair and skin care products

Powered by

McJeff's Technical Solutions(copyrights)1997-98