Please visit our sponsors
Place Your Ad Here!

McJeff's
HTML 101 CLASS #6
HTML 101 CLASS #6 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 or resource you must have a valid file name, address, URL or Email address to go to.

You can also link or jump from point to point within a single web page, say from the top to the bottom to the middle. This works great for very long pages with lots of text.

You can also setup Email link, this allows you to call up a dialog box to send Email directly from your web page. (You must have your email identity setup in your browser to test this.)

McJeff's HTML Class #6

WRITE THIS HTML CODE

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

<html>

<head>

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

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

<h2><center><a name="TOP"><u>Welcome to the </u></a><br>

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

<a name="AFRICA ON-LINEweb page"><u>AFRICA ON-LINE

<br>web page</u></a></h2><br>

<h4><b>* <a href="#Northeast">Northeast Africa </a>|

<a href="#Southern">Southern Africa </a>|<a href="#(unordered list)">

UNORDERED LIST</a>|<a href="#News">NEWS</a>*<br>

<a name="MENU of Northeast Africa"><i><u>

<br>MENU of Northeast Africa</u></i></a></h4>

<h5><a name="(unordered list)">

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

<p>

<ul><h4>

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

<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> </li>

</ul></h4></p>

<center><a href="#AFRICA ON-LINEweb page">

<h2>menu</h2></a>

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

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

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

<ol>

<li><h3><a name="Northeast"><i>Northeast Africa</i> </a></h3>

<p>

<ul><h4>

<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></h4>

</p><br><center>

<a href="#AFRICA ON-LINEweb page"><h2>menu</h2>

</a></center>

<li><h3><a name="Southern"><i>Southern</i></a><i> Africa</i> </h3>

<ul><p><h4>

<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

</ul></p>

</ol>

<center><a href="#AFRICA ON-LINEweb page"><h2>menu</h2></a>

<br>

<a name="News"><h2><u>News on the Continent</u></h2></a><br>

 

Crops are up!<br>

Pince Ambuttu to Marry!<br>

Workers in local village find lost city.<br><br>

<a href="#TOP">TOP OF PAGE</a>

<a href="mailto:africaonline@mcjeff.com"><h3>EMAIL US</h3></a>

 

<hr>

<br>Wow!!<br>

<h1>S</h1><br>

<h2>O</h2><br>

<h3>GET</h3><br>

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

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

<h6>MOPEDS</h6><br>

<h3>or</h3><br>

<h1><i><u>BICYCLES</u></i></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>

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

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

<br>

<h3>McJeff's HTML 101 CLASS #6</h3>

<br>

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

<br>

<a href="#TOP"><h3>TOP of Page</h3></a>

<br>

<a href="mailto:africaonline@mcjeff.com">

<h2>EMAIL US</h2></a></b>

<hr>

</body>

</html>

 

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

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

REMEMBER:
<A HREF="resource"> TEXT TO APPEAR ON SCREEN</A> Anchor Tag (link)
<a href="page2.htm">TO PAGE TWO</a>

NEW TAGS:
<A HREF="#"> </A> LINK TO BOOKMARK ON SAME PAGE.
("#" DEFINES BOOKMARK TO GO TO.)
<A HREF="#TOP">TOP OF PAGE</A>
"#TOP" IS THE NAME OF THE BOOKMARK.
HERE BY CLICKING ON "TOP OF PAGE" YOU GO TO THE BOOKMARK NAMED TOP.

<A NAME=""></A> BOOKMARK ANCHOR TAG.
( " " DEFINES THE NAME OF THE BOOKMARK.)
<A NAME="BMARK1">TOP</A>OF PAGE
HERE THE NAME OF THE BOOKMARK IS BMARK1 AND
THE TEXT TOP IS BOOKMARKED AND CAN BE LINKED TO.

<A NAME="TOP">WELCOME</A>TO OUR WEB PAGE.
HERE TOP IS THE BOOKMARK NAME, AND WELCOME IS THE BOOKMARKED TEXT. TO LINK TO THIS BOOKMARK WRITE.
<A HREF="#TOP">TO TOP OF PAGE</A>
HERE BY CLICKING ON "TO TOP OF PAGE" YOU JUMP TO THE TEXT WELCOME TO OUR WEB PAGE.

<A HREF="MAILTO:"></A> EMAIL LINK
<A HREF="MAILTO:HTML101@MCJEFF.COM">EMAIL US</A>

HOMEWORK:
Write one long web page made up of several list, link to differrent parts of the page. Add Email link to yourself, send test Email to yourself.

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


* Northeast Africa | Southern Africa | UNORDERED LIST|NEWS*

MENU of Northeast Africa

(unordered list)

menu


MENU of SUBJECTS

(ordered list)
  1. Northeast Africa


    menu

  2. Southern Africa

menu


News on the Continent


Crops are up!
Pince Ambuttu to Marry!
Workers in local village find lost city.

TOP OF PAGE



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 #6


McJeff's Technical Solutions(copyrights)1997-98


Top of  Page


IMAGES USED IN THIS CLASS


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

McJeff's HTML 101 CLASS #6


Class 1|Class 2|Class 3|Class 4
Class 5|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