Home
Web Development
Short Contents
For Beginners...Introduction
Document
Text
Organisation tools
Forms
Images
Sounds
Special Effects - Javascript
Search Engines
Full Contents
For Beginners...
Introduction
Other HTML sitesPutting pages online
Tips For beginners
Download this Guide
Document
StructureThe <HEAD> section
...Title
...Setting the Base address
...Queries : ISINDEX
...META tags
...<LINK>s
The <BODY> tag
...Document Colours
...Background
Text
HeadingsFonts
Preformatted text
Special Characters
Character Formatting
...Blink
...Bold
...Italics
...Underline
...Strikethrough
...Superscript
...Subscript
Paragraph formatting
...Blockquote
...Line Breaks
...New Paragraph
...Stop Line Breaks
...Word Break
...Centre text
Miscellaneous
...Addresses
...Use Bigger/Smaller fonts
...Citations
...Code
...Keyboard input
...Sample
...Teletype
...Variables
...XMP
Organisation tools
CommentsHorizontal lines
Links
...<LINK>s
...within pages
...Image maps
Frames
...Naming and Targeting
Tables
...example tag
...Rows
...Cells
...Captions
Lists
...Definition lists
...Directory Lists
...Menu Lists
...Ordered Lists
...Unordered Lists
Embedding special files
Forms
Images
Sounds
Special Effects - Javascript
Events...onAbort
...onBlur
...onChange
...onClick
...onError
...onFocus
...onLoad
...onMouseOver
...onMouseOut
...onReset
...onScroll
...onSelect
...onSubmit
...onUnload
Basic Commands
...Changing the status bar
...Opening a new window
...changing page being viewed
Search Engines
Headings
This is probably the first text formatting that you'll use. The<H#> </H#> pair are generally used for headings, where # is the size 1-6. 1 is the largest, 6 the smallest. A new line is usually started after each </H#>, however this was avoided in the following output example by using a table.Example use :
<H2>Headings</H2> produced the above headingSize 1 | Size 2 | Size 3 | Size 4 | Size 5 | Size 6 |
Formatting Normal Text
All of the following can be used in virtually any combination, and also within headings and links :Fonts :
<font face="font name(s)" size="s" color="#rrggbb"> </font> allows you to select a custom font for the enclosed text. s is a size number 0-7, or +1 to +7 which allows you to set how many sizes above the current size to use. Unlike headings, a higher number represents a larger size. rrggbb is the hexadecimal red, green and blue values for the text color. the face parameter allows you to list the fonts, in order or preference and seperated by commas, which you would like to use. If none of the given fonts are installed, the default is used.example:
<font face="Alien,Arial,Courier New" size="+1" color="#FF0080"> Test text</font> produces Test textYou can also use the
<BASEFONT> tag with the same parameters as for FONT. This changes the characteristics of all following text. Note, however, that FACE and COLOR do not appear to be specified as allowable attributes for BASEFONT in the HTML 3.2 specification.
Pre Formatted Text
<pre width="##"> (text here) </pre> Displays a fixed width font, as seen here. The optional width="##" parameter specifies the number of columns: either 40, 80 or 132. Any carraige returns (ie new lines) within the HTML document will force new lines to be displayed.
Note: The following tags should not be used within a block of preformatted text : IMG, BIG, SMALL, SUB, SUP and FONT
Special Characters
If you wish to display a character that is not on the keyboard, you can use&#?;, where ? is a decimal number, or a hexadecimal number with a H immediately following. The number represents the number value of the character within a character set.There are also a few special & codes:
<: displays the less than sign>: displays the greater than sign&: displays the & symbol­: soft hyphen - indicates where a line break is permitted.": displays quotation marks (")
Character Formatting
Paragraph Formatting
Miscellaneous
The following are a few extra tags that exist... most of them are duplicates of others or have little point...
(C)opyright, Geoff Knagge.
Continued use of this site indicates your agreement to the Conditions of use and Privacy Policy.
Continued use of this site indicates your agreement to the Conditions of use and Privacy Policy.