Welcome to the first part of a tutorial that will show you everything
you ever wanted to know about HTML. You will realise it's potential,
and soon be a master of the hypertext domain. The tutorial is geared, and will be geared towards the latest version of the Crystal Atari Browser, currently version 1.5. If you don't have a copy......Get one now! |
I. All about HTML. II. What you need. III. Using the command syntax. IV. URLs. V. The structure of an HTML document. VI. The text header tags. VII. The format tags. |
-X: (A Drive) | | +a_folder (The folder in which the data is contained) | | | -page.htm (The HTML file) | | | +images (The images directory) | | | -picture.gif (The picture file to be loaded | |
-X: | | +images | | | -picture.gif | +a_folder | | | -page.htm | |
Start of HTML in document. | |
| Header. |
| The main part/body of the document. |
End of HTML in document. |
background=url | This specifies a background image which will be
tiled across the whole HTML document. eg.
|
bgcolor=rrggbb | Sets the background colour for the page. The
colour value is made up of three two digit hexidecimal numbers, so
for example ffffff would be white. From v1.3 CAB supports the basic
colour names as well so you could do this:
|
text=rrggbb | Sets the colour the text will appear in, on the page. The format for setting the colour is exactly the same as for the bgcolour tag. |
link=rrggbb | Sets the colour the text will appear in if it is a link on the page. So if you are suppose to click on a word to take you to another page (a link), this tag specifies what colour the word appears as. We will be looking at links later on. The format for setting the colour is exactly the same as for the bgcolour and text tag. |
... | Text Header Size 1 |
... | Text Header Size 2 |
... | Text Header Size 3 |
... | Text Header Size 4 |
... | Text Header Size 5 |
... | Text Header Size 6 |
<p>
tag, which forces
a line break in the text, so for example; the following HTML...
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
But, we can also use the the <p>
tag as alignment
tools because of it's attributes. So for example; the following HTML...
Text aligned to the left.
Text aligned to the right.
Text aligned to the center.
Text aligned to the left.
Text aligned to the right.
Text aligned to the center.
</p>
. But, it is important to
remember that web browsers default to aligning the text to the left.
<br>
tag. This is a simple one
call tag, (ie. you don't have to turn it off) and it just inserts a line
break where ever you place it. So for example; the following HTML...
|
|