Welcome to our basic steps to learning HTML!
Below is a simple set of directions that will walk you through the steps of learning how to properly use a template to posting pictures...
To Practice your Html and Preview a code then click here.
Lets get started!
What is HTML? HTML stands for the Hyper Text Markup Language. HTML code is the major language of the Internet's World Wide Web. Web sites and web pages are written in HTML code. With HTML code you have the ability to bring together text, pictures, sounds, and links... all in one place!
You can have bold and italicized,
Larger and Smaller
Type Text. You can
even change the color
of the text!
Starting an HTML Document
HTML documents have two (2) parts, the head and
the body. The body is the larger part of the document, as the body
of a letter you would write to a friend would be. The head of the document
contains the document's title and similar information, and the body
contains most everything else.
Whatever falls between the TITLE tags will be the title
of the document, when the page is viewed it is usually found in the title
bar at the top of the screen.
You will often use paragraphs in HTML, just as you do when you write stories. The opening tag for a paragraph is <p>, and the closing tag is </p>. This spaces out the Text in an HTML Document. To simply go to the next line with out having a space in your text you need to insert a break use the code <br> You do not need a closing tag for this command!
You also want to align your text and images with in your document.
Left Align Code: <left>Text goes here</left>
Center Align Code: <center>Text goes here</center>
Right Align Code: <Right>Text goes here</right>
Adding Images to your web page!
You may also add images (pictures) to your web page, as
long as the image is in the .gif or .jpg (or .jpeg) file formats. You will
not be able to use .bmp format files! The basic tag for in-line images in
<img src="location">. The location is the url or address
of the image... If you are using a hosting site they provide you with the
location. (The IMG tag has no closing tag!)
Example of a basic in-line image...
Adding Links to your web page!
To add a link... you will use the <a href="location">
opening tag and </a> closing tag. Whatever appears between these
two tags will become underlined and colored, and if you click on the
underlined text it will send the browser to the location within the
Example of a link...
If you want a link to open in a new window, add target="_blank" the end of the anchor tag, e.g.
Example of a link opening in a new window...
Although Links are usually used to send people to other
web pages, you may also use links to send email to a specific address by
using a location of mailto:user@host.
Adding a link to your Image!
Many times you may want to have an image that is linked,
so that if someone clicks the image, the person will be taken to another
page. This is rather simple- you just need to place the IMG tag
within the A HREF tags.