Xah's HTML, CSS, JavaScript, Tutorial

Xah Lee, 2005-06, …, 2011-07

This page is a collection of examples and tips of JavaScript, CSS, HTML. These are especially useful if you are a professional programer but are not familiar with DHTML technologies and wish a quick, practical introduction.

This is a tutorial is intended to cover practical needs, using common solutions and pratices that are clean and works in all major browsers, yet still remain valid html.

All {HTML, CSS, JavaScript} here are W3C valid, and works in Internet Explorer 8, Firefox, and Safari, Opera, Google Chrome. Coding style follows a clean, “web 2.0”, practices. No attempt is made for browsers released before 2009.

For latest articles, subscribe: Xah's Web Dev Blog.

HTML

• HTML5 Tags
• HTML5 Video Tag Example
• HTML5 Audio Tag Example
• HTML5 “figure” “Figurecaption” Tags Browser Support

• HTML Basics
• Case Sensitivity in HTML5/XML/CSS/Javascript and Allowed Characters in Attribute Names
• Character Sets and Encoding in HTML
• HTML/XML Entities (Character/Unicode/Symbol) List
• Standard Fonts on Web
• More Than One Class for HTML Tag

• Split Window (frameset), Nested Frameset Example
• Window Inside Window (iframe)
• Image Maps (HTML)
• How to Embed Video with Valid HTML

• Buttons, Checkboxes, Menus (HTML form)
• Browser Auto Refresh

Table

• Simple Table Example
• Table with thead, tbody, tfoot
• Table Examples with colgroup and col
• Styling Table with CSS
• CSS Table (Tableless Table)

Misc

• List of HTML Self-Closing Tags

CSS Tutorial

JavaScript ＆ DOM Tutorial

PHP Tutorial

Misc Web Dev Articles

Web Tech Gossip Articles

References

• HTML CSS JavaScript DOM, References
• Interesting Web Tech Related Articles

Download the whole thing for $5. Use the paypal button below. In the comment field, put “dhtml tutorial zip file”. I'll email you the download link. Make sure your email address is included and correct.