| HTML
HELP |
| A
resource guide to helping you add HTML customisation to your
template website. |
Text
Images
Links
Scroller
|
|
FORMATTING
YOUR TEXT |
| Within
your news article or game report you will want to format your
text to make it easier to follow and read. You can do this
using several different techniques : |
| You
can alter the font many different ways, either by color, size,
or face |
<font
color="#ffffff"> (this
would print your text in white or any other color you choose
in the hexadecimal format)
<font size="2">
<font face="Verdana">
</font> is
used to end the particular text formatting |
| Bold
type |
| <b>
and
</b> to
start and end the bold type |
| Those
adjustments can be made in the same tag |
| <font
color="#ffffff" size="2" face="Verdana">
|
| Insert
a space between paragraphs |
| <p> |
| Insert
a line break to begin on a new line |
| <br> |
| Align
your text, either to the left, center, or right |
<p
align=left>
<p align=center>
<p align=right> |
| Add
an image to your page |
| You
can insert an image into your page using the following code,
where the url is the path to the image |
| <img
src="http://www.path_to_image"> |
| An
image can be placed on your page and the text around it can
be arranged in such a way that the text wraps around the image.
Try the following and see for yourself.... |
<img
src="http://www.path_to_image" align="left">
<img src="http://www.path_to_image" align="right">
|
| Some
variations for images.... |
<img
src="http://www.path_to_image" alt="text
that appears when you move your mouse over the image">
<img src="http://www.path_to_image" width="a
number specifying the width you would like your image to be">
<img src="http://www.path_to_image" height="a
number specifying the height you would like your image to
be">
<img src="http://www.path_to_image" border="a
number specifying the width of the border around your image">
<img src="http://www.path_to_image" hspace="a
number specifying the space in pixels between it and surrounding
text">
<img src="http://www.path_to_image" vspace="a
number specifying the space in pixels between it and surrounding
text"> |
| Adding
a link to another page |
| You
can send your visitors to another page by adding a link to
your text |
| <a
href="http://www.url_to_page_goes_here">Text
that appears on your page goes here</a> |
| Adding
a scroller to your page |
| A
horizontal scroller on your page (you can change it to scroll
left or right) |
<marquee>Text
that appears in the scroller</marquee>
<marquee direction="right">Text that
appears in the scroller</marquee>
<marquee direction="up">Text that
appears in this upward scroller</marquee>
<marquee direction="down">Text that
appears in this downward scroller</marquee> |
| Other
attributes can be altered in the following way |
<marquee
height="number of pixels for the scroller height">Scroller
Text</marquee>
<marquee width="number of pixels for the scroller
width">Scroller Text</marquee>
<marquee hspace="number of pixels for the space
left/right of the scroller">Scroller Text</marquee>
<marquee vspace="number of pixels for the space
above/below the scroller">Scroller Text</marquee>
<marquee bgcolor="hexadecimal background color
for hte scroller">Scroller Text</marquee>
|
| |