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 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.
New 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.
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 specialises in designing new Web2.0 user interfaces. We also provide expert reviews and consulting services.
Questions about Web Design & Production?
Share your questions, thoughts, and ideas with the community over at Scratch Web Design Forums »- Recommended
- NEW Ebook "Save the Pixel - the Art of Simple Web Design"
- vBulletin Skins
- Compare web hosts - speed, uptime, support etc...
- Professional Web Hosting $4.95
- Quality Ruby on Rails hosting - UK, recommended
- Custom logo design services
- Promote your business online for FREE
- Advertise on this site
- Chat about web design our brand new discussion forum!

If you like Web Design from Scratch, you'll love our new ebook.
