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
...META tags
...Character sets
...<LINK>s
The <BODY> tag
A note on colours
Attributes
...that are available for all BODY objectsText
HeadingsPreformatted text
Change text direction
Special Characters
Character Formatting
...Blink
...Bold
...Italics
...Superscript
...Subscript
Paragraph formatting
...Blockquote
...Line Breaks
...New Paragraph
...Stop Line Breaks
...Word Break
...Marking Modifications
Miscellaneous
...Abbreviation
...Acronyms
...Addresses
...Use Bigger/Smaller fonts
...Citations
...Code
...Definitions
...Keyboard input
...Sample
...Teletype
...Variables
Organisation tools
CommentsHorizontal lines
DIV and SPAN
Links
...<LINK>s
...within pages
...Image maps
Tables
...example tag
...Rows
...Cells
...Captions
...Head, Body & Foot
Lists
...Definition lists
...Directory Lists
...Ordered Lists
...Unordered Lists
Embedding special files
The Object Element
Forms
Inputs and buttonsSelection menus
Element Labels
Fieldsets and legends
Image
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 |
Pre Formatted Text
<pre > (text here) </pre> Displays a fixed width font, as seen here. 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 available 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 2001-2008, 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.