Putting text on a page
Adding text couldn`t be simpler. To put text on a web page, simple start typing within the body of the document. What you type there, as a long as it isn't a tag, will appear on screen.
However, that isn't much fun, so lets look at what you can do to text to make it look exactly how you want:
The <font> tag is used to alter text font. This includes the style, colour and size. To change the colour, you must first know the basic colour codes. HTML requires you to use hexidecimal, which is the same as the regular number system except that it doesn`t stop at 9, but goes onto a,b,c,d,e,f, like so:
1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,10,11,12,13,14, etc... up to ff.
To change the color of the text put the tag: <font color=#ffffff>. This colour change causes the text to be like this. The ff on the left is for red, the ff in the middle is for green, and the ff on the right is for blue. With all colours at max, the text is white.
Here is a basic colour chart:
| ffffff | ffaaaa | ff7777 | ff0000 |
| ffffaa | ffff44 | ffff00 | ff9900 |
| aaaaff | 7777ff | 0000ff | aaffaa |
| 77ff77 | 00ff00 | 555555 | 000000 |
Note: "color" is used in the tags due to American spelling.
As well as changing font colour, you can also change the background colour of a page. Rather than adding the colour codes into the font tags, they are instead added into the body tag.
For example: <body bgcolor=#3333aa> would make the body of the page turn blue, similar to this page.
As well as changing the colour, you can also change the size of text. For example, using the tag: <font size=+1> you can alter the size to make it bigger, like so. Putting a number after + or - causes the size to be altered in relation to its standard size.
To top it off, you can alter the font style of your text. On most of my web pages, I use "arial", but you can use anything you want. For an easy list, just go into Microsoft word and take a look at the massive variety of font faces. An example however is this: <font face=impact> which has this result.
It isn`t just font tags that can alter the text though. In addition, there are special tags such as <b> which causes the text to be bold and <em> which makes the text go to italics.
Finally, you`ll want to know how to split the text up. Simply pressing "enter" will not cause the page to have a paragraph break. The browser reads the text and lumps it all together. It can read a single space, but nothing more. As a result, two tags are needed: <p> which starts a new paragraph in the same way as the paragraphs on this page, and <br> which starts a new line.
Now that you can write fancy text, its time to put it somewhere. How about a list? Press next to view the tutorial.
