Course Contents HTML – XHTML

HTML and XHTML Training Course Contents

Overview of HTML

• Brief history of HTML and XHTML
• How the web works — clients and servers
• Browsers and rendering

The Basics of HTML

• Hierarchical structure: elements (tags) and text
• Basic XHTML document structure
• Paragraphs
• Whitespace and line breaks in XHTML
• Headings
• Phrase mark-up in XHTML
• Hypertext links
• Embedded images
• Lists
• Preformatted text
• Special characters in XHTML
• XHTML and Semantic markup

Simple design customization with CSS

• Relationship between XHTML/HTML and CSS
• Linking to a style sheet in a separate file
• Examples of common customizations

Images

• Bitmapped images
• Types of image: GIF, JPEG, PNG
• Image type tradeoffs
• Creating images

Tables

• Using tables for tabular data
• Abusing tables for layout in XHTML
• Basic table structure
• Cells that span rows or columns
• Cell alignment
• Styling table cells

More CSS

• The box formatting model
• Borders
• Margins and padding
• Collapsing margins
• Formatting edges differently
• Background colours and background images
• Selectors
• Multiple selections
• Classes
• <div> and <span>
• Descendant selectors
• Text appearance
• Typefaces
• Font sizes
• Other font properties
• Leading
• Text alignment and justification

XHTML

• What is XML?
• Relationship between HTML and XHTML
• Why use XHTML?
• Changes in the document prologue
• Changes in element tags
• Handling empty elements

HTML and Scripting

• Server-side scripting: forms
• XHTML Form elements
• Client-side scripting
• JavaScript
• Graceful degradation
• Examples

Embedding Multimedia

• Image maps
• Embedding flash movies
• Graceful degradation

<<Back to HTML XHTML