Westciv Logo

These materials are copyright Western Civilisation Pty Ltd.

www.westciv.com

They are brought to you courtesy of Style Master CSS Editor and Westciv's standards based web development courses.

Please see our website for detailed copyright information or contact us info@westciv.com.

westciv downloadable courses

html and xhtml - table of contents

Course introduction

About the course

Tools you need

How the course works

HTML introduction

What is a web page? How does it work?

What a browser does

Slow loading pages

Where did HTML come from?

The World Wide Web Consortium
The importance of standards

Terminology

html & xhtml

Elements and attributes

Elements in detail

The start tag
Empty and non empty elements
Content
The close tag
Self closing elements
The problem with "tags"

HTML versus XHTML

Case sensitivity
HTML versus XHTML syntax

Document structure

The containment hierarchy

Structural versus presentational markup

Core HTML elements

The root element
The head and body elements
Giving a page a title

Basic markup

Text in HTML documents

Headings and paragraphs
Headings
Whitespace in HTML code
Paragraphs

Style sheets

Block and inline elements

Other kinds of structured text

Generic document structure

Site Management

Organizing and managing files and directories

Naming files and directories

Linking

Hypertext - introduction

Links to local documents

Relative URLs

Using an editor
Relative path practice

Absolute links

Linking to destination anchors

Links to FTP resources and email addresses

Downloading with FTP links
Email links

Linking wrap

Graphical elements

Graphics formats - introduction

Embedding a graphical element

Linking and graphical elements

Link borders on images

Images other than GIFs

Accessibility and usability - the alt attribute

Validating

Why is validating important?

What is validating?

The Document Type Definition
Strict
Transitional
Frameset

Creating valid HTML documents

The document type declaration
"Quirks" mode - introduction
Character encoding
Using a validator

Meta data

What is <meta> information?

Using <meta> elements

Frames

The pros and cons of frames

Special characters

Using special characters

Tables

Introduction

The anatomy of a table

The <table> element
The <tr> element
The <td> element

Non regular tables

The rowspan and colspan attributes

Forms

Introduction to forms

The <form>< element

Text input

Single line text entry fields
Password entry fields
The <textarea> element

Controls

Checkboxes
Radio buttons

Groups of options

Dropdown menus
Scrolling lists

Submitting forms

Attributes of the <form> element
Buttons

Wrap for the course

Appendices

Appendix 1 - Miscellaneous elements

Lists
The <pre> element

Appendix 2 - "quirks" mode

Appendix 3 - XHTML 2.0

Presentational HTML
Something new: the navigation list
The <img> is dead, long live the <object>
The new link

Revision quiz