A Simple Guide To HTML - Text Formatting

Text Formatting Tags

| Home | Cheat Sheet |

A Page that contains endless text that all looks identical is a deterrent for most 'surfers'. Modifying text to suite its position is one way of ensuring the page is not and eye-sore. However too much variety in the text format can also look displeasing.

<H?></H?> - Header. This tag is a quick way of creating headings and sub-headings by using numbers varying from 1 (Being the largest) to about 6 (which would then have to be the smallest). You can adjust the size and the boldness of the text depending on the heading number you choose.
- Bold. Use this tag to bold certain parts of the document. Any text in between the tags will be bolded the same as in a word processor.
- Italic. Also working the same way as a word processor, italics displays the text at a slight angle.
- Underline. Another way of making words stand out. Notice that ordinary links are already underlined and don't need the extra tag. (You may also notice that the links in my guide aren't underlined, and that they change colour when the mouse is moved over them. This is achieved using style sheets.)
<CENTER></CENTER> - Centre. A very useful tag, as it says, it makes everything in between the tags, centred (in the middle of the page).
<STRIKE></STRIKE> - Strikeout. Quite a dumb feature if you ask me, but there must be someone who uses it. Strikeout just puts a line right through the centre of the text, ie crossing it out. Note: Some Older browsers may require the tag <S></S> in order to perform a strikeout.
- Subscript. Makes the text smaller and places it slightly below the usual line of text.
- Superscript. The same as before but above the text.
- Font Colour. If you require a few words to be a different colour to that of the standard text colour for the document, this is the tag to use. The same way you changed the colour of the background or links in the Background and Colours section, you do the same here. There is a large variety of colours to choose from, Once again the 6 question marks represent the hex code. For a list of colours and their codes, see Colour Codes.
- Font Size. Ranging from 1 to 7 you can change the size of the font (1 being the smallest and 7 the largest.
- Change Font Size. For an immediate change of font size with respect to the font size preceding it, this tag increase or decreases the size of the font by the number you specify. Eg: Some Text
- Change Font. To have a certain font other than that of the standard text, you have to use this tag. Be aware thought that having a fancy font on your page means that the person viewing that page must also have that font on their computer otherwise it will either look totally different or not show anything at all. To use it type the font name, eg "Arial" or "Courier New" etc.
<TT></TT> - Typewriter. The text appears to have been typed by a typewriter.This text is written using the <TT></TT> tags.
<PRE></PRE> - Preformatted Text. By using these tags you are saying that anything between them is to be placed on the page as is.
<BLOCKQUOTE></BLOCKQUOTE> - Block Quote. When writing several long paragraphs, this would be the best tag to use. Any text between the tags, including spaces, carriage returns and punctuation, will appear in the browser exactly as it is in the HTML editor.
- Emphasis. This tag is used to emphasize whatever is between them. The text is usually displayed in italics but varies according to your browser.
- Strong Emphasis. This tag is used to strongly emphasize whatever is between them. The text is usually displayed in bold but also varies depending on your browser.
<CITE></CITE> - Citation. Used to cite the text between the tags. It is also usually displayed in italics.

Click Here to see an example of text formatting.
To see the HTML code of the example, open it in Notepad or a Non-WYSIWYG Home Page Editor

| Prev | Top | Next |

Any Questions or Comments? E-Mail me!

rhduncan@hotmail.com

http://www.htmlguide.findhere.com