HTML & CSS Video How-To

Skip the reading and learn by watching!

Short, clear videos show you visually how to perform individual tasks in HTML and CSS

HTML & CSS Video How-To is a series of short, 2- to 5-minute how-to videos that walk you through a specific task or technique related to creating web pages with HTML and CSS.

Adapted from Julie C. Meloni's book Sams Teach Yourself HTML and CSS in 24 Hours, each video is self-contained and focused entirely on one particular task. You can either go through the videos in sequence or you can jump into a particular task, see how something is done, and then jump out again.

About the Instructor

Julie C. Meloni is a software development manager and technical consultant living in Washington, D.C. She has written several books and articles on web-based programming languages and database topics, including the bestselling Sams Teach Yourself PHP, MySQL and Apache All in One.

Skill Level

• Beginner
• Intermediate

Just a couple minutes is all you need to learn how to...

• Create and View a Basic Web Page
• Create a Style Sheet of Your Own
• Add Classes to Your Style Sheet
• Outline an HTML5 Document
• Use New HTML5 Semantic Elements
• Add Attributes to HTML
• Construct Three Types of Lists
• Add Special Characters
• Create a Basic Résumé
• Use CSS to Set Background, Text, and Border Colors
• Create Rounded Corners on Paragraphs
• Link to an Email Address
• Style Link Pseudoclasses
• Build a Basic Table
• Change the Features of a Table
• Create a Tiled Background
• Place Images on a Web Page
• Experiment with Image Alignment
• Create Your Own Imagemap
• Add Sound with the AUDIO Element
• Add a Video with the HTML5 VIDEO Element
• Specify Margins to Affect Page Elements
• Use CSS to Align Elements on a Page
• See the Difference Between Margins, Padding, Borders, and Content
• Show the Difference Between a Fixed and Liquid Layout
• Build a Fixed/Liquid Hybrid Layout
• Style a List to See the Box Model
• Change How the List Indicators Look
• Create Vertical Navigation with CSS
• Create Horizontal Navigation with CSS
• Display Additional Rollover Text
• Change the Appearance of a Page After a Click
• Rotate a 2D Element
• Make a 2D Box Shrink with CSS Transitions
• Make Links Print Friendly
• Test Print Styles Without Wasting Paper
• Create a Random Quotes Area
• Build an Image Rollover
• Create a Basic Web Form
• Use the New HTML5 Input Controls
• Comment Your Code
• Indent Code for Clarity
• List Your Pages with the Major Search Sites

Who Should Use These Videos

• Anyone who wants to learn how to use HTML and CSS to create, edit and maintain web pages
• Casual web designers and developers at all levels