So, you want to make a Web Page!
Lesson 12

adapted from Joe Barta's tutorials at- PageTutor.com


If you don't already have one, be sure to create a new folder titled Lesson_12 in your HTML folder


Start by creating a simple HTML page. (don't forget the title)

<html> 
<head> 
<title>Lesson 12</title> 
</head> 
<body>
</body> 
</html>


add the following...

<body>
Send me Mail!
</body> 

An email link works in much the same way as a regular link. We just use mailto: and an email address instead of a page address.

<body>  
Send me <a href="mailto:forrest@bubbagump.com">Mail!</a>  
</body>  

nn

Send me Mail!

 

 

FAQ: How can I specify a Subject for my email message?

A: Very easily, but there's a catch. You can add a subject to the link as follows...

<a href="mailto:forrest@bubbagump.com?subject=Hey Bubba!">

... but, be advised that floating around out there is the occasional email client that doesn't know what to do with that subject. For those people, the email may appear to be sent, but in reality it may simply disappear into oblivion. If this rare glitch is a concern to you, then don't specify a subject.

 

 

Save as: Lesson_12A.html in your HTML/Lesson_12 folde

 

We can make an image a link if we want. Retype the "Go to CNN" (see Lesson 11) then simply substitute an <img> tag for the word CNN.

<body>  
Go to <a href="http://www.cnn.com/"><img src="chef.gif"></a>  
</body>  

nn

Go to

 

 

FAQ: How do you get rid of that ugly blue border around an image link?

A: Simple... add border="0" to the <img> tag. (See below.)

 

<body>  
Go to <a href="http://www.cnn.com/"><img src="chef.gif" border="0"></a>  
</body>  

nn

Go to cnn

 

Save as: Lesson_12B.html in your HTML/Lesson_12 folder

On to Lesson 13