Introduction to learning HTML

Introduction to learning HTML

Skip to?
  Introduction
  Required Flags
  Basic HTML commands

Introduction to HTML

Welcome to your first step to being able to code web pages in HTML. First of all you’ll be shown the simplest HTML tags. By the end of this tutorial and the next tutorail you’ll be able to write basic web pages in HTML.

Things you need:
A Free Web Host
A Text editor, some hosts have an ‘Advanced Editors’ which is a text code editor online.

Required Flags

When you make a new HTML page in your text editor, or the on-line one you should see something like this:



<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY bgcolor=”#ffffff” text=”#000000″ link=”#0000ff” vlink=”#800080″ alink=”#ff0000″>
</BODY>
</HTML>



Explanation of the Tags.

Oh, and before I forget… you don’t need to put the letters in the < > with caps-lock on, I just put it in in upper-case letters because it’s easier to read.


<HTML> : Tells the browser that it’s an HTML page.

<HEAD> : Starts the HEAD flag.

<TITLE> The Title of your web page goes here </TITLE> : Starts and ends the TITLE flag.

</HEAD> : Ends the HEAD flag.

<BODY bgcolor=”#ffffff” text=”#000000″ link=”#0000ff” vlink=”#800080″ alink=”#ff0000″> : Starts the body of the HTML page.
Note: Some editors don’t put all of the link stuff in there.

Everything that you want on your web page or site goes here; like images, text, links, etc.

</BODY> : Ends the body of the HTML page.

</HTML> : Ends the HTML page.


Explanation of the stuff in the BODY tag


<BODY BGCOLOR=”#ffffff” text=”#000000″ link=”#0000ff” vlink=”#800080″ alink=”#ff0000″>

That’s what my editor puts in my body flag when I make a new page.

What they do?

BODY : Starts the BODY flag. It MUST be in the beginning of the flag!

Note: All of the following tags are optional! You don’t need to include them in your page unless you want to. If you don’t change them or put them in all of them will switch to their default colors which are show in the tags.

BGCOLOR=”#ffffff” : It makes the background of your page the color of the Hexadecimal
code. For information about the Hexadecimal (Hex) codes. The “#ffffff” is the Hex code, in case you’re wondering.

text=”#000000″ : Allows you to change to color of the text on your page by changing the hex color code.

link=”#0000ff” : Allows you to change to color of the hyper-links on your page by changing the hex code.

vlink=”#800080″ : Allows you to change to color of the links to VISITED pages by changing the hex code.

alink=”#ff0000″ : Allows you to change to color of links to ACTIVE pages ( pages that your at right now) by changing the hex code.

BACKGROUND=”the name of an image that you want as the background” : If you put this command in the BODY tag it will allow you to put an image as the background of your web page.

  Continue to the Basic HTML commands