Home
Web Development
Short Contents
For Beginners...Introduction
Changes from 3.2
Document
Attributes
...that are available for all BODY objects
Text
Organisation tools
Forms
Images
Sounds
Style Sheets
Special Effects - Javascript
Search Engines
Full Contents
For Beginners...
Introduction
Other HTML sitesPutting pages online
Tips For beginners
Download this Guide
Changes from 3.2
Document
Specifying LanguageStructure
The <HEAD> section
...General attributes
...Title
...Setting the Base address
...Queries : ISINDEX
...META tags
...Character sets
...<LINK>s
The <BODY> tag
... General Attributes
...Document Colours
...Background
Attributes
...that are available for all BODY objectsText
HeadingsFonts
Preformatted text
Change text direction
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
...Marking Modifications
Miscellaneous
...Abbreviation
...Acronyms
...Addresses
...Use Bigger/Smaller fonts
...Citations
...Code
...Definitions
...Keyboard input
...Sample
...Teletype
...Variables
...XMP
Organisation tools
CommentsHorizontal lines
DIV and SPAN
Links
...<LINK>s
...within pages
...Image maps
Frames
...Naming and Targeting
...Inline Frames
Tables
...example tag
...Rows
...Cells
...Captions
...Head, Body & Foot
Lists
...Definition lists
...Directory Lists
...Menu Lists
...Ordered Lists
...Unordered Lists
Embedding special files
The Object Element
Forms
Inputs and buttonsSelection menus
Element Labels
Fieldsets and legends
Images
Sounds
Style Sheets
specifying versionindividual elements
in the HEAD section
specifying media types
external sheets
cascading sheets
media-dependant defaults
HTTP headers
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
Changing text direction
<BDO dir="???" lang="???"> </BDO>This overrides the setting for the text direction. dir must be specified and is either RTL (right-to-left) or LTR (left to right). lang is the only other attribute availabe for this tag.
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.