The Essential Tags
---------
As you can see, all HTML documents are positioned in between the <html></html> tags.
---------
The <head></head> tags always have the "title" and "meta" tags in between them (See Graphic Above).
Click the "Back" Button in IExplorer to return to this page.
---------
<title>This text shows on Window Bar at top of page</title>
---------
Train Your Eyes To Find the Opening Body Tag!
<body>The entire contents of a web page are in between these tags.</body>
---------
<img src="yourphoto.jpg"> - for graphics and photos - covered in the next lesson.
---------
<center>graphics or text in between center tags</center>
to center ANYTHING on a page.
Keep the simple centered, or the left justified format (like this tutorial), while learning.
Don't get distracted by trying other page formats until you get these basics.
---------
<br> - breaks a line of text and/or creates vertical space
between pictures and lines of text.
---------
Now The 2 TAG combination that fuels the ENTIRE INTERNET:
Anything between the <a href="http://www.anywebsite.com"> and the anchor tag </a> will display as a link!
In the graphic above, the text "NASA" will display as a link!
Any text you type between the tags will display as a link to wherever you want on the Internet.
---------
Type out the entire web address (with the "http://") in these link tags.
The links will function (if you didn't make any typos, that is!)
when you are connected to the Internet.
Leave out a quotation mark, an arrow, a forward slash...anything...and the link will NOT work!
---------
If you want to make it an e.Mail link,
replace the "http://" with "mailto:",
and type in your email address, so it looks like this:
<a href="mailto:m51@m51.com">Click this text and IE automatically opens the email program!</a>
---------
By the way, the "http://" stands for "Hyper Text Transfer Protocol".
---------
You can even put a graphic in between the tags and it will become clickable!
(See Graphic Below)
The html will look like this:
<a href="http://www.anywebsite.com/"><img src="yourphoto.jpg"></a>
When a graphic becomes a link,
a 2 pixel wide border will display around the image in the browser (See Graphic Below).
You can remove the border by adding the border="0" thingy to the img src tag:
<img border="0" src="yourphoto.jpg">
You can also put the border="0" thingy at the end of the tag like this:
<img src="yourphoto.jpg" border="0">
Try changing the border width number to 1 or 3:
The next lesson will show you how to add graphics (photos and art) to your web pages.
1 - Preparation <> 2 - About Browsers <> 3 - First Look at HTML <> 4 - Find the Opening Body Tag
5 - You're Writing HTML! <> 6 - Essential Tags <> 7 - Adding Photos / Art <> 8 - A Few More Tags
1 - Introduction to FTP <> 2 - Setup / Connection <> 3 - Connection / Learning the Interface / How to FTP
4 - Folders on the Server Side <> 5 - Summary <> 6 - AceHTML <> 7 - Finally
© 2005 - m51.com digital media