Basic HTML Tags Tutorials | Learn Basic HTML Tags

HTML Tutorials | Bookmark | HTML Tutorial Program by Email | Contact | Link Us | Links | Advertise With Us | Sitemap |
HTML Lessons
Main
:: Home Page
:: Tools
:: Glossary
:: First Steps

Tutorials
:: Basic HTML

Elements
:: Text
:: Dividers
:: Links
:: Graphics
:: Lists
:: Tables
:: Frames

Tips
:: Graphics
:: Frames/Tables

Extra
:: Links
:: Web Tools
:: Web Hosting
:: Domains

This section will try to familiarize you with the most basic HTML tags that make up a homepage. Before you get into text tricks, graphics and links, you must make sure that everyone of your HTML pages contains these tags.

In this tutorial, I am assuming that you are using Notepad to code your websites since it is one of the most common text editors out there, but of corse it's possible to use pretty much every other text editor. Just make sure to save the file as HTML not as TXT.

Create a new file. Type or copy the code below inside this new file and save it as an HTML file to your hard drive.


Notepad
<HTML>
<HEAD><TITLE>My First Page</TITLE></HEAD>
<BODY BGCOLOR=aqua TEXT=black LINK=red VLINK=orange ALINK=pink>

Hello World

</BODY>
</HTML>


If you open the newly-created HTML file in your default web-browser, it would display as the following:


Netscape

  Hello World



Let's review the tags used in that first attempt to write HTML. The <HTML> simply defines a document as an HTML document; if you do not use this tag, it is likely that your page won't be opened or displayed correctly.

The title of the page comes between the <TITLE> tags, which come between the <HEAD> tags. The <HEAD> tags simply define the header of the document. In the header you can also specify other information besides the title but since I am trying to keep this tutorial very basic, I won't go into that right now.

Next, after the closing </HEAD> tag comes the <BODY> tag. Almost every other HTML tag will come between the <BODY> tags, since they define the body (main part) of a HTML document.

You can also change the BODY's attributes. BGCOLOR will define the document's background color, you can enter any color you can think of, or even color codes on which we'll get back later. The TEXT attribute is self-explanatory, it defines the default text color. The text color can be changed in the body at will, to create colourful text passages.

The LINK, ALINK, and VLINK attributes stand for the a link's default color (LINK), the color of a link when you click on it (ALINK), and the color of a link that you have already visited (VLINK). You can leave these out if you'd like to use the browsers' default colours.

Next there'd be the BACKGROUND attribute, which we didn't include in the code above. This defines a background image that would be tiled all across your page. The code would look like this:
<BODY BACKGROUND="bg_filename.gif" TEXT=black LINK=red VLINK=orange ALINK=pink>

NOTE: You can just use the <BODY> tag alone, without specifying any other attributes, and the document will be displayed in the browser's default colors.

Featured Screensaver
Living Aquarium
Enjoy the calm serenity of our new Living Marine Aquarium Screensaver. Watch as the beautiful tropical fish swim realistically around a beautiful aquarium! Free for everybody!
Link To Us
Link To Us
Network Channels
Screensavers
21,000+ free screensavers for every occasion. Updated Daily!
Get The Klip

Get The Klip

Desktop Themes
35,000+ free desktop themes. Updated Daily!
Get The Klip

Get The Klip

Desktop Wallpaper
60,000+ free desktop wallpapers - Updated Daily!

Funny Videos
Free Funny Videos & Pictures from across the Web.

Online Games
Play a variety of free online games. Fun for everybody!

Cheat Codes
Free cheat codes for XBox, PlayStation, Nintendo!

Song Lyrics
Free song lyrics database. 150,000+ song lyrics.

Free Stuff
1000's of great freebies for your website and you. Updated Daily!

Greeting Cards
Send free digital postcards to your friends and family.

Win Money
Win cash prizes, free for everyone to enter.

HTML Tutorials
Learn how to build your own web site with our free html tutorials and webmaster resources.

Winamp Skins
20,000+ of the best Winamp, ICQ, Hotbar, & Yahoo Messenger skins! Updated Daily!

TheFreeSite

TOP LINKS
Free Javascripts
Computer Software
Free Clipart
Freebies
Free Backgrounds
Web Hosting Directory

© 2008 AAAHtml.com - Privacy Policy
Hosted by HostDeparment
Basic HTML Tags