Home > Store

HTML and CSS in 24 Hours, Sams Teach Yourself (Learning Lab)

Register your product to gain access to bonus material or receive a coupon.

HTML and CSS in 24 Hours, Sams Teach Yourself (Learning Lab)

Web Edition

  • Your Price: $39.99
  • List Price: $49.99
  • About this Web Edition
  • A Web Edition is an online learning product that you view in your web browser while connected to the Internet. Some Web Editions include additional interactive features, such as videos, quizzes, or live code editing. Read the product description for more details. A Web Edition will be accessible from your Account page after purchase.

    Viewing a Web Edition requires a web browser that fully supports HTML5. Supported platforms are:

    • Windows XP (Firefox only)
    • Windows 7, 8, or 10 (IE10, IE11, Chrome, or Firefox)
    • Mac OS X (Safari, Firefox, or Chrome)
    • Linux (Chrome or Firefox)
    • iOS 6, 7, or 8 (Mobile Safari)


  • Copyright 2014
  • Edition: 1st
  • Web Edition
  • ISBN-10: 0-13-392760-1
  • ISBN-13: 978-0-13-392760-3

Learn HTML and CSS in just 24 one-hour online lessons

With this interactive online course — featuring step-by-step lessons, expert video instruction, live code editing, and interactive quizzes — you can quickly teach yourself to¿to quickly create great-looking web pages using HTML5 and CSS3.

Sams Teach Yourself HTML & CSS in 24 Hours has a straightforward, step-by-step approach that helps you master fundamental web development skills. And with this exclusive online Learning Lab edition of the book you can:

  • Read the complete text of the book online — at your own pace, whenever you want
  • Watch an expert instructor show you how perform key tasks in more than 50 short, easy-to-follow videos
  • Try each of the examples yourself in an interactive online code editing sandbox — and see the results with the click of a button
  • Test your understanding of the material after each lesson with a fully interactive online quiz

Three sample lessons are available for FREE online exactly as they appear in the full online Learning Lab — with complete video walkthroughs, code editing sandboxes, and interactive quizzes (HTML5 browser required). Try them out today!

If you like learning by doing, this unique online, interactive tutorial for you. It organizes lessons in the basics of HTML5 and CSS3 into simple steps and then shows you exactly how to tackle each step. You see how it's done, you read a clear, concise explanation of how it works, and then you immediately do the same thing with your own page. A few minutes later, you're on to the next step.

Learn how to…

  • Build your own web page and get it online in an instant
  • Format text for maximum clarity and readability
  • Create links to other pages and to other sites
  • Add graphics, color, and visual pizzazz to your web pages
  • Work with transparent images and background graphics
  • Design your site’s layout and typography using CSS
  • Get user input with web-based forms
  • Publicize your site and make it search-engine friendly
  • Test a website for compatibility with different browsers
  • Make your site easy to maintain and update as it grows
  • Use HTML5 semantic tags to better structure your pages
  • Create columns with CSS
  • Add HTML5-based video and audio to your site
  • Use CSS3 transforms, transitions, and animations to create great visual effects
  • Use HTML5’s powerful form validation capability

About This Learning Lab: A Learning Lab is a self-paced online course that integrates text, graphics, video screencasts, live code editing sandboxes, and interactive quizzes into a complete tutorial. It is delivered online from a link that will be available on your InformIT Account page after purchase. Once purchased you can view the Learning Lab course in any web browser that supports HTML5, including the latest versions of Chrome, Firefox, Safari, and Internet Explorer. Supported platforms are:

  • Windows XP (Firefox only)
  • Windows 7 or 8 (Chrome or Firefox)
  • Mac OS X (Safari, Firefox, or Chrome)
  • Linux (Chrome or Firefox)
  • iOS 6 or iOS 7 (Mobile Safari)



Download the code files

Sample Content


Three sample lessons (Hours 1, 2, and 3) are available for viewing online, exactly as they appear in the full Learning Lab with complete video walkthroughs and interactive quizzes (HTML5 browser required). Just click on a link below.



HOUR 1: Understanding How the Web Works

HOUR 2: Structuring an HTML Document

HOUR 3: Understanding Cascading Style Sheets


HOUR 4: A Closer Look at HTML5 Page Structure

HOUR 5: Working with Text Blocks and Lists

HOUR 6: Working with Fonts

HOUR 7: Working with Colors and Borders

HOUR 8: Using External and Internal Links

HOUR 9: Using Tables and Columns

HOUR 10: Creating Images for Use on the Web

HOUR 11: Using Images in Your Website

HOUR 12: Using Multimedia in Your Website


HOUR 13: Working with Margins, Padding, Alignment, and Floating

HOUR 14: Understanding the CSS Box Model and Positioning

HOUR 15: Creating Fixed or Liquid Layouts

HOUR 16: Using CSS to Do More with Lists

HOUR 17: Using CSS to Design Navigation

HOUR 18: Using Mouse Actions to Modify Text Display

HOUR 19: Implementing CSS3 Transformations, Transitions, and Animations


HOUR 20: Creating Print-Friendly Web Pages

HOUR 21: Understanding Dynamic Websites and HTML5 Applications

HOUR 22: Working with Web-Based Forms

HOUR 23: Organizing and Managing a Website

HOUR 24: Helping People Find Your Web Pages


Submit Errata

More Information

Unlimited one-month access with your purchase
Free Safari Membership