Introducing HyperText Markup Language (HTML)
Getting everything in order - text editors and Web browsers
Understanding elements, tags and attributes
Looking at the basic structure of an HTML page
Creating a basic document - document declaration, header,
metadata and body
Creating HTML comments
HTML text layout tags
Creating HTML paragraphs
Adding headings to your document
Creating ordered and unordered lists
Creating a definition list
Formatting ordered and unordered lists
Formatting quotations
Marking up other text elements
Inserting special characters
Understanding hyperlinks
Understanding Uniform Resource Locators (URLs)
Using hyperlinks - absolute URLs
Using hyperlinks - relative URLs
Adding targets to hyperlinks
Creating anchors
Linking to an email address
Exploring image optimisation
Adding images to a Web page
How to display a custom icon in a browser (a favicon)
Creating image links
Creating image links - thumbnails
Creating an image map
HTML tables
Creating table rows and data cells
Adding padding and spacing to table cells
Adding headings to tables
Adding a caption to a table
Adding frame attributes to tables
Specifying column spans and row spans
Specifying a table's header, body and footer
Adding table dividing lines using rules
HTML forms
Building a simple form
Adding a check box
Adding radio buttons
Adding file fields
Adding a text area
Adding select elements (lists and menus)
Adding a fieldset and legend
Introducing Cascading Style Sheets (CSS)
Understanding ids and class names
Understanding the div element
Understanding the span element
Understanding CSS rules
Specifying CSS styles
Adding CSS comments
Setting an element's font-family
Setting an element's font-style
Setting an element's font-weight and size
Setting an element's font using the font declaration
Decorating text and changing case
Aligning text
Formatting text using word- and letter-spacing
Using CSS to assign colour
Understanding Web colours - choosing a palette
Specifying a colour four different ways
Setting background colour
Setting foreground colour
Using CSS to format hyperlinks

Formatting hyperlinks - colour

Formatting hyperlinks - lines, borders, background colour
Formatting hyperlinks - image links

Using CSS to asign padding, margins and borders

Setting element padding

Setting element margins

Setting element borders

Setting width and height (percentage)

Setting width and height (pixels)

Positioning elements using float and clear
Positioning elements using relative positioning
Positioning elements using absolute positioning
Positioning elements using fixed positioning
Exploring different page layout strategies
Using a fixed-width layout - one column
Using a liquid layout - one column, centred
Using a liquid layout - two columns
Using a liquid layout - three columns
Using a combined layout - two columns liquid, one fixed
Creating a liquid layout using a table
Site structure and navigation
Understanding a flat site structure
Understanding a tiered site structure
Looking at some websites’ navigation strategies
Creating a global top or bottom menu
Creating a left floating site menu
Creating a local navigation menu
Creating a breadcrumb trail
Validating and publishing your website
Validating your HTML and CSS
Uploading your website to a service provider
Jargon buster
Appendix A. HTML tags used in this book
Appendix B. CSS properties covered in this book
Appendix C. CSS colour name, hexadecimal value and RGB value
Troubleshooting guide