HTML Instructions

Contents

Basics
HTML Lists
Formatting Characters
Forms
Graphics
Backgrounds & Colours


Basics

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
centre
right
HTML Character Entities e.g. café or £
Entities - defined as [!ENTITY xxxxx "&yyyyy;"] [!-- description, unicode number --]

HTML Lists

Bulleted
  • first
  • second
  • third
    • first nested
    • second nested
    • third nested
      • first double nested
      • second double nested
      • third double nested
Numbered
  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
Defintional
first
definition 1
second
definition 2
third
definition 3

Formatting Characters

Bold or Strong, italics or em, small, big, sup , sub , strike , u, tt,
pre
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

Forms

form [method="post" action="mailto:xxx@yyyy.com"] 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=]




Graphics


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"