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
Javascript Special Effects
This section is dedicated to achieving all of those special effects that you see on some pages, such as customising the status bar when the mouse moves over an object. This is by no means a guide to Javascript. Javascript is available on Netscape and Internet Explorer, as well as some other browsers. Note that Javascript commands tend to be case sensitive, so type them exactly as they appear!Events
This page concentrates on "Events" - things that the user does to result in an action, such as moving or clicking the mouse, scrollbars, etc. Events can be used with many HTML objects such as links, forms, and even the document body- I can't be more specific but try it out for yourself on the object of your choice. To assign an action to an event, place the following within the opening tag of the object :[EventName]="[javascript code] ; return true"If multiple commands are used, they should be seperated by a semi-colon ( ; ).
For example :
onmouseover="document.writeln('Hello World!') ; return true"Some of the available events are:
| Event Name | Where Used; what causes it |
|---|---|
| onAbort | Called when for some reason the object is not completely loaded, such as the user clicking the stop button. |
| onBlur | Occurs when the frame or form object loses its "focus", because another fame or object was clicked on. |
| onChange | This occurs when a form object loses the focus after being modified. |
| onClick | Caused by a mouse click on the object |
| onDblClick | Caused by two mouse clicks in quick succession |
| onError | Usually used within a <SCRIPT> tag to give instrutions when the browser finds an error in the script |
| onFocus | A form object or frame gains the focus when it is clicked on. |
| onKeyDown | occurs when a key is pushed |
| onKeyPress | occurs when a key is pressed |
| onKeyUp | occurs when a key is released |
| onLoad | Used when an object, or the document BODY, is loaded |
| onMouseDown | occurs when the mouse button is pushed |
| onMouseMove | occurs when the mouse is moved |
| onMouseOut | when the mouse pointer is moved away, after being over an object |
| onMouseOver | when the mouse pointer is moved over an object |
| onMouseUp | occurs when the mouse button is released |
| onReset | In forms, when the reset button is pressed |
| onScroll | When an object's scroll bars are moved |
| onSelect | In forms, when an object is selected |
| onSubmit | When the form's submit button is pressed |
| onUnload | Usually used in the BODY tag, called when another page is loaded in place of the current one. |
Some Basic Commands
Changing the status bar
window.status='(your custom message)'opening a new window
window.open ('(file address)','(window name)','toolbar=yes|no,location=yes|no, diectories=yes|no,status=yes|no,menubar=yes|no, resizeable=yes|no,scrollbars=yes|no,width=???,height=???')NOTE: NO spaces between the list of window attributes!!
changing page being viewed
<BODY onLoad="window.location='(address to load)')"}>
(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.