HTML Instructions


HTML Lists
Formatting Characters
Backgrounds & Colours


Always put tags for html, head, title, body.
Paragraph tag = p
Line break = br (note, closing tag not required, however best to enter as "br /").
Horizontal rule = hr /
Headings = h1, h2, h3, h4, h5, h6
Web reference = [a ref = "link"]
Example = Wittdo
Use relative addresses using /folder for sibling, child or ../ for parent
FTP - in browser, select local file, copy, then ftp://user:pass@url/folder/, paste
Download link = [a href="filename"]text
Text Alignment - left
HTML Character Entities e.g. café or £
Entities - defined as [!ENTITY xxxxx "&yyyyy;"] [!-- description, unicode number --]

HTML Lists

  • first
  • second
  • third
    • first nested
    • second nested
    • third nested
      • first double nested
      • second double nested
      • third double nested
  1. first
  2. second
  3. third
    1. first nested
    2. second nested
    3. third nested
      1. first double nested
      2. second double nested
      3. third double nested
definition 1
definition 2
definition 3

Formatting Characters

Bold or Strong, italics or em, small, big, sup , sub , strike , u, tt,
useful	for	tables
like	this	example
big purple Size from 1 (tiny) to 7 (very big)
Colours: red, green, blue, yellow, aqua, fuschia, gray, lime, maroon, purple, navy, olive, silver, teal.
Typeface based on what's on computer e.g. Gill Sans
Anchors [a name="top" id="top"] Click here to go return to top
Mail link: Mick Collopy


form [method="post" action=""] Post = send a document
Get = submit results as part of URL header
Deafult = get
If action is missing, current page is reloaded with all values in the form elements set to their defaults
Actions: 1) location of form-processing program or script 2) mailto:email address
Input example: What is your first name? [input type="text" size="20" maxlength="30" id="firstname" /]
[form method="post"] What is your first name?
[input type="checkbox" id=babygrand checked="checked" /]Baby Grand Piano
Baby Grand Piano
[input type="radio" id=card value="v" checked="checked"/]Visa
VisaMaster Card
[select id=extras" size="3" multiple="multiple"][option...]

[textarea id= rows= cols=]


Backgrounds & Colours

body - bgcolor = "teal" text= link= vlink= alink= etc
link = haven't been visited recently; vlink = recently visited; alink = briefly blinks on click.
Custom colours: e.g. #555555 see chart
body background="image.jpg"