Extras

You now know the basics of programming in HTML. With the tools you've learned so far, you should be able to make a fun web page that your family and friends will enjoy looking at. This is the last lesson of the Beginning HTML track. In this lesson, you'll learn how to add an email link to your page so visitors can send you email from your page, how to add a title to your page, and how to put a hit counter on your page so you can see how many people have been to see it.

Email

Most web pages have a link somewhere on the page that allows visitors to send email to the owner of the website. If you add an email link, visitors can tell you if they like your page or if one of your links is broken.

Your HTML page may look something like this. For the purpose of this example the text color is dark green, the link color is red, and the visited link color is blue.

<html>
<head><title></title></head>
<body text="#008000" link="#FF0000" vlink="#FF0000">
<p align="center">Hi! This is my first web page. I'm learning how to add email links to my page. 
<a href="mailto:me@somewhere.org">Email Me</a> to tell me what you liked about this page.</p>
</body>
<html>

The reader sees:

Hi! This is my first web page. I'm learning how to add email links to my page. Email Me to tell me what you like about this page.

Insert your email address in place of me@somewhere.org to make your email link. This link can be inserted anywhere on your page.

Adding A Title

Adding a title is a quick and easy task. Simply type between <title> and </title> the title you want your page to have. When people bookmark your site that is the name that will be added to their bookmark list. Visitors to your site will also see it at the very top of their browser.

If you have this:

<html>
<head><title></title></head>
<body text="#008000" link="#FF0000" vlink="#FF0000">
<p align="center">Hi! This is my first web page. I'm learning how to add email links to my page.
<a href="mailto:me@somewhere.org">Email Me</a> to tell me what you liked about this page.</p>
</body>
<html>

Add a title by typing between <title> and </title>:

<html>
<head><title>How to Email Me</title></head>
<body text="#008000" link="#FF0000" vlink="#FF0000">
<p align="center">Hi! This is my first web page. I'm learning how to add email links to my page.
<a href="mailto:me@somewhere.org">Email Me</a> to tell me what you liked about this page.</p>
</body>
<html>

The title of the page in the example above is "How to Email Me". The title of this page is "Extras (Email, Titles, and Hit Counters)". You will see this title in the upper left corner of your browser and in your bookmark list if you bookmark this page.

Hit Counters

Hit counters are little numbers on the bottom of your page that keep track of how many people come into your web page. Each time a new person comes to visit your page, the hit counter goes up one (like the odometer on your car goes up each time you go another mile). You can find a hit counter in many places on the Internet.

At BeSeen.com, the web site tells you what code you need to place on your HTML page in order to make the counter work. SiteStats requires you to sign up for a free account and then they email you the HTML code. SiteMeter allows you to customize your hit counter, but they also make you fill out a form first.

If you would like to add a hit counter to your web page, try one of the sites above.

 

Hosting

Using Commands

Outline

Background/Text Color/Link Color

Text

Links

Images

Configuring Images

Extras

EMuseum