HTML Help - Text Formatting
Formatting Text
In between the <Body> tags you set the content for your page, this is where many more tags come in. The <Font> </Font> tags are good to start with, these tags set the colour, size and font of the text on your page. To set the size of the of the text that is in between the font tags, put in the <Font> tag, color=" number or colour". To set the size of a piece of text in between the <Font> </Font> tags then put in the <Font> tag size="number", where "number" is a size ranging from 1 to 7. Here is a key to the sizes:
<font size=aNumber>Some text</font> Range is from 1 to 7 - 1 is the smallest and 7 is the largest a comparison follows:
1234567
Font size can also be entered as -7 to -1 and +1 to +7. These values are relative to the basefont size of your page however the actual range of font size is still 7 all this method allow is to increase or decrease the fonts with respect to the default basefont size
<font color= number or colour>Some text</font> Sets the font colour. NOTE American spelling "color"
<font face = fontname> Set the font for the text
Nesting these will give <font face = "Times New Roman" font size= "4" color= "green">Some text</font>. "Some text" with font "Times New Roman", font size 4 and colour green
Some text
Headings
<h1></h1> Heading 1 style - this one is the largest
example <h1>Heading 1</h1> gives
Heading 1
<h6></h6>Heading 6 style - this one is the smallest
example <h6>Heading6</h6> gives
Heading6
<b> some text </b> Makes the text bold like so - some
text
<i> some more text</i> Makes the text italic - some more
text
<u> even more text</n> Makes underlined text - even more
text
Nesting these can give the following<b><i><u> nesting</n></i></b> nesting
Paragraphs
<p>Some text</p> Start and close a paragraph
<p align=value> Aligns the paragraph to the left, right or center
- NOTE use American spelling "center"
<br> Inserts a line break
Nesting these to <p align=center>Some text</p> will give: "Some Text" in a new paragraph and page centred. Result follows:
Some text
Lists
<ol><li>item1</li><li>item2</li>..........</ol> Creates a numbered list - note you need the the "li's" <li>item</li> for each item to be listed
<OL><LI>item1</LI><LI>item2</LI><LI>item3</LI></OL><p> produces:
- item1
- item2
- item3
<ul>list items</UL> Creates a bulleted list
<UL><LI>item1</LI><LI>item2</LI><LI>item3</LI></UL>
- item1
- item2
- item3