HTML

HTML stands for "HyperText Markup Language". It's the simple code that's used to create the structure of web pages and to describe the structure of content on pages.

HTML is very easy to learn. However, it's important to learn and follow best practice. Badly written HTML can exclude users with disabilities, make web sites less accessible to search engines, and mean your site doesn't work on some browsers.

The aim of this section is to teach you simple, basic, good HTML.

Before getting into the details of HTML itself, please get familiar with How HTML, CSS and JavaScript work together and maybe have a look at Why code by hand.

New eBookNew eBook - Web page production with xHTML and CSS #1

Experience the thought process of a professional web producer as he guides you through the web page production process, from photoshop design to working HTML template.

The book tells you how to approach web production, beginning with semantic HTML, guiding you through how to slice up a photoshop document, and finally how to use CSS for presentation.

Buy now for only £9.00 GBP ...

New eBookNew eBook - Guide to Semantic HTML

Ben Hunt adds another great eBook to the collection with his "Guide to Semantic HTML". The book gives you advice and tips on how, and why to use semantic HTML.

Included is a comprehensive list of HTML tags, each with their semantically appropriate uses, along with a worked example taking you through the process of how to build a website using semantic HTML.

Buy now for only £5.00 GBP ...

HTML Tutorials

How to make a web site using HTML
The absolute basic mechanics of how you go about making web pages and publishing them on the web. Includes some of the most basic HTML tags.
Introduction to HTML
Introduction to basic HTML tags and the structure of HTML documents.
Anatomy of HTML tags
Describes the common attributes that can feature in your HTML tags.
HTML Lists
The basics of lists: unordered, ordered and definition lists covered.
HTML Tables
The basics of tables. When to use tables, and how to do it. Includes tips on colspan and rowspan properties, and the <col /> and <colgroup /> tags.
Datasheet-style form using HTML, CSS and JavaScript
Make a datasheet-style web form using HTML, CSS and JavaScript
Tabular list-style form using HTML, CSS and JavaScript
Create an appealing tabular list using HTML, CSS and JavaScript
Complete free HTML Tag Reference
Work in progress... We're building a complete guide to HTML and xHTML tags

Further reading...

Scratchmedia, web application user interface design

Scratchmedia specialises in designing new Web2.0 user interfaces. We also provide expert reviews and consulting services.