HTML Tutorial

HTML explained

We will first of all explain what HTML is in this HTML Tutorial. The letters HTML stand for Hyper Text Markup Language which is a language consisting of markup tags used for describing a web page, for example <h1>This is a Heading</h1> or <p>This is a Paragraph</p>

These HTML tags as they are commonly referred to are basically a word or words surrounded by angle brackets, inside which are placed a letter, word or symbol which affects the behaviour of the word or text they are surrounding.

It is important to remember that these tags <b>SURROUND</b> the word or sentence and are therefore called opening and closing tags.

The opening tag consists of the angle brackets containing the letter or word you wish the text to comply with, for example if you wish to embolden a word you would place the letter b inside the brackets in front of the word or sentence like so <b> and to close the behaviour you would again place the letter b inside the angle brackets but this time with a forward slash between the first bracket and the b, like so </b>

As an example; supposing you would like to embolden the words BBC World Service in the following paragraph:

Here is a weekly bulletin from the <b>BBC World Service</b> You simply surround the words with the opening and closing tags <b> and </b>

Controlling Your Layout

Below Are The Tags I Use To Build My Web Pages.

<b>text </b> The opening tag <b> placed before the text and </b> placed after the text will make your text bold.

<p>text</p> Will start start a new paragraph creating a blank line before your next paragraph.

<u>text</u> will underline your text.

<i>text</i> will italicize your text.

<sub>text</sub> sub lowers the text below the line and makes it smaller

<sup>text</sup> sup raises the text above the line and makes it smaller

<blink>text</blink> (Note: This usually can only be used with Netscape.)

<strike>text</strike> Strikes a line through the text

<em>text</em>. usually makes text italic

<strong>text</strong> usually makes text bold

HTML Tutorial: Text Size:

To change the size of fonts.. <big>text</big> increases the size of your text by one

<small>text</small> text decreases the size of your text by one<

The and tags are special in that they can be repeated. If you want to increase the font size with a factor of two, then you could do it like this: bla bla bla<big><big>whatever</big></big>; and by a factor of four, like this <big><big><big><big> whatever</big></big></big></big>



writes text in biggest heading

writes text in smallest heading

HTML Tutorial: Text Links:

The tags used to produce links are the <a> and </a> tags.

The <a> tells where the link should start and the </a> indicates where the link ends.

Everything between these two will work as a link.

The target of the link is added to the <a> tag using the href="">setting.

and finally the tag is added to show where the link ends. Therefore we get:

<b><a href="">Vip-Skript</a></b>


When linking to any website or indeed any page on a particular website, or When someone clicks on a link on your site, the browser will usually take that person to the top of the page they are trying to link to.

But supposing you want your visitor to link to a specific section, or paragraph or a particular line of text within a page of your website from another page on your site. This can be done by using some pretty straightforward HTML.

To go to a specific location on another web page on your site, you will need to position what is known as a named anchor at that location you want to send your visitor to.

Your named anchor will have the following format: <a>name="anyname">The Heading or text where you want the visitor to go</a>

In the above example, the named anchor just happens to be "anyname", but you can give your named anchor whatever name you like. As a demonstration we will use the word Tools as our named anchor in the example below.

Suppose I wish to send my visitor from this page (HTML Tutorial) to the heading "TOOLS! TOOLS! TOOLS!" on my 'Buy Site Build It' page.

I will first of all place the named anchor (in this case Tools) beside the heading TOOLS! TOOLS! TOOLS! or any text on the page where I want my visitor to land. Therefore the code you insert would look like this: <a>name="Tools">TOOLS! TOOLS! TOOLS!</a>

Then the link TO the place on the page I want to send my visitor to would look like this:

<a href="">TOOLS! TOOLS! TOOLS!</a> and when you click on it you will be taken to the desired location on the Buy Site Build It page.

How to Link to This Page

It will appear on your page as:

Html Tutorial, Learn html code with this Free Tutorial