A very brief tutorial on HTML

Print this Page


This is a very basic tutorial, a more detailed tutorial can be found Here

In HTML you control the look of your page with 'tags'. A 'tag' tells your browser what to do with the line, or lines, of text or images.
A 'tag' always begins with a less-than sign   <
and ends with a greater-than sign   >
and should look like this -

Some tags require an end.
- start
- end - the end tag uses a forward slash in front of the letters

A brief Explanation of common tags you may want to use

- Bold text, requires an end tag

- Centers text on the page, requires an end center

- A paragraph, skips a line. (no end P required)


- This is a line break, use it when you want to stop a line at a certain place.

NOTE: Paragraph tags are not required for EZ HTML, this is done automatically in the program.

- Header, requires an end tag

Headers are numbered 1 to 6, #1 being the largest.

Header #1

Header #2

Header #3

Header #4

Header #5
Header #6

Advanced Section

Anchors (clickable text)

All Anchors begin with the This is used to access another page somewhere on the net. It could be another of your pages on your server, or half way around the world. Using hypertext anchors is easy. Just type in the 'http://' address between the quotes in the anchor tag, and type a description of the 'link' after the tag, then end the 'link' with end anchor tag.

- Anchor tag, requires an end tag

Clickable text here

Visit our Home Page

How to link your pages

On the page creator form in one of the 'link' boxes, just type the name of the page you want to link to, Then put discriptive text for the link.

Example:
If you are on your first page and you want to link to your second page, in one of the 'link' boxes, just type the name of your 2nd page - your-username2.html
Then put discriptive text for the page, this is your 'clickable' text.

Images

The image tag is written:

How to add more images to your page.

The tag you need to use to add more images to your page is:

Just copy the above tag and place it in one of the paragraphs where you would like the image to appear. Select the image you want to use and replace the 'your_image.gif' with your image name.
You can only use .gif or .jpg images with this program.

Lists

)

  • - this is a list item, will show a bullet next to the item

      - this is an Ordered list (requires an end tag
    )

  • - this is a list item, will show a number next to the item

      2. List item number one
      4. List item number two

    Horizontal Rule

     - No end tag required

    If you want more than this tutorial, a more detailed page is available Here