O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

HTML 4/5 with CSS

Video Description

With more than 250 million North American users now on the Internet and more than 1.6 billion worldwide, it's wonder that HTML has stayed the course as the most popular web programming language. In addition, the skills learned in the study of HTML are fundamental to more advanced programming technologies such as JavaScript, PHP, Flash ActionScript and many others. This course covers all the important features of HTML 4 and HTML 5, and includes an introduction to styling web documents using CSS. The working scripts and step-by-step examples found here will have you quickly creating the kind of web content demanded by today's web sites. With the help of the instruction in this course, you will quickly be adding text, links, images, sounds, and videos to your web pages and expertly formatting everything using the latest and most powerful CSS techniques. To begin learning today, simply click on the movie links.

Table of Contents

  1. Introduction
    1. What is HTML? 00:05:08
    2. About this Course 00:05:22
    3. Tools Needed to Code HTML 00:05:16
    4. Services Needed to Publish HTML 00:06:30
    5. Versions of HTML 00:06:51
    6. HTML 5 00:07:43
    7. Creating Your First Page 00:06:03
  2. HTML Building Blocks
    1. HTML Elements 00:04:45
    2. HTML Attributes 00:02:49
    3. IDs & Classes 00:03:41
    4. Text & Comments 00:02:49
    5. URLs 00:05:08
  3. HTML Structure
    1. Document Type 00:05:36
    2. Head Elements: Titles 00:04:32
    3. Head Elements: Meta Elements 00:04:39
    4. Head Elements: Script & Style Tags 00:05:08
    5. Block & Inline Elements 00:04:18
    6. Paragraphs 00:03:49
    7. Section Headings 00:05:00
    8. List Elements 00:03:33
    9. Divisions 00:05:12
    10. Inline Spans 00:03:36
    11. Tables 00:03:21
    12. Forms 00:04:38
  4. Basic Formatting
    1. Paragraph vs. Line Breaks 00:04:18
    2. Bold & Italic 00:03:15
    3. Superscript & Subscript 00:02:58
    4. Preformatted Text 00:02:37
    5. Rules & Blockqoutes 00:04:08
    6. Abbreviations & Acronyms 00:04:46
    7. CSS Text Properties 00:03:07
  5. Color & Images
    1. Color on the Web 00:07:05
    2. Color Schemes 00:05:37
    3. Creating & Naming Graphics 00:03:45
    4. Image Resolution 00:03:29
    5. Image File Formats 00:06:50
    6. Getting Images to Load Faster 00:06:50
    7. Background Images & Color 00:05:41
    8. Image Maps 00:02:37
    9. The IMG Tag 00:06:41
    10. IMG Tag Attributes 00:03:19
  6. Links
    1. The Anchor Element 00:02:19
    2. Absolute vs. Relative Links 00:06:37
    3. Writing Relative Links 00:04:40
    4. File Structure & Linking Tips 00:04:33
    5. HREF & Target Attributes 00:03:09
    6. Internal Links & the Name Attribute 00:04:55
    7. Changing Link Colors 00:06:32
  7. Tables
    1. Tables vs. Div Tags 00:03:58
    2. Setting Table Widths 00:04:51
    3. Cell Padding & Spacing 00:02:57
    4. Positioning Tables & Contents 00:04:11
    5. Table Headers 00:03:34
    6. Spanning Columns & Rows 00:03:18
    7. Nesting Tables 00:04:15
  8. Forms
    1. Intro to Forms 00:03:05
    2. Input Fields 00:03:21
    3. Radio Buttons 00:02:43
    4. Checkboxes 00:02:38
    5. Dropdown & Selection Lists 00:02:39
    6. Large Text Input 00:01:44
    7. File & Hidden Fields 00:02:16
    8. Submit & Reset Buttons 00:03:59
    9. Image & General Buttons 00:03:51
    10. Making Forms Easier to Use 00:03:13
    11. Organizing Forms using Fieldset 00:04:33
    12. Tips for Formatting Forms 00:03:02
    13. Processing Form Data 00:08:13
  9. Style Sheets
    1. What is CSS & Why Use It 00:05:03
    2. Style Syntax & Structure 00:02:14
    3. Writing & Applying Your First Styles 00:04:47
    4. Intro to Selectors 00:03:16
    5. Base/Tag Selector 00:03:07
    6. The Class Selector 00:06:18
    7. The ID Selector 00:03:08
    8. Context Selectors 00:04:04
    9. When to Use ID or Class 00:03:26
  10. Managing Multiple Styles
    1. How Styles Cascade 00:03:34
    2. Cascade & Inheritance Rules 00:04:24
    3. Cascade & Inheritance Tips 00:02:38
    4. Inlining Styles 00:02:58
    5. Embedding Styles 00:02:19
    6. Importing Style Sheets 00:03:38
    7. Linking Style Sheets 00:07:04
  11. CSS Building Blocks
    1. The Box Model 00:05:37
    2. The Div Tag 00:03:11
    3. Child Divs 00:04:15
    4. Width & Height 00:02:33
    5. Margin 00:06:24
    6. Padding 00:03:45
    7. Borders 00:06:52
  12. Formatting Text
    1. Why Text Formatting is Important 00:05:18
    2. Choosing Fonts 00:05:32
    3. Browser-Safe Fonts 00:04:53
    4. Font Size 00:04:52
    5. Applying Styles to Text 00:02:54
    6. Setting Line Height 00:04:38
    7. Letter Spacing (Kerning) 00:04:16
    8. Other Font Properties 00:05:01
    9. Tips for Improving Text Legibility 00:06:26
  13. Styling Lists / Colors / Images
    1. Styling Lists with CSS 00:06:56
    2. CSS Background Color 00:03:17
    3. CSS Background Images 00:04:02
    4. Setting Image Opacity 00:02:30
  14. Laying Out Pages with CSS
    1. CSS Layout Structure 00:03:03
    2. Block vs. Inline Display 00:05:26
    3. Containing Blocks 00:02:30
    4. Positioning Schemes 00:07:18
    5. Static / Fixed / Absolute Positioning 00:05:01
    6. Relative Positioning 00:07:04
    7. Floating & Clearing Content 00:05:56
    8. Using Floats in Layouts 00:03:33
    9. Fixed-Width Layouts 00:02:59
    10. Liquid / Fluid Layouts 00:07:10
    11. Elastic & Variable Fixed Width Layouts 00:03:12
    12. Tips for Creating & Applying Styles 00:07:09
  15. HTML 5
    1. What is HTML 5? 00:04:12
    2. HTML 4 vs. HTML 5 00:03:58
    3. New HTML 5 Structural Elements 00:05:34
    4. The Article / Section / NavElements 00:04:02
    5. Aside / Figure / Legend Elements 00:04:20
    6. Video & Audio Elements 00:04:55
    7. Playing Video & Audio 00:03:29
    8. Controlling Media Playback 00:02:35
    9. The Canvas Element 00:03:02
    10. Additional HTML 5 APIs 00:02:05
    11. Where You Can Use HTML 5 00:03:59
    12. Easing the Transition from XHTML 00:05:01
  16. Advanced Topics
    1. XML 00:03:30
    2. Adding Multimedia 00:06:31
    3. Multimedia Players & Platforms 00:05:50
    4. JavaScript 00:03:25
    5. Dynamic HTML 00:04:06
    6. AJAX 00:05:50
  17. Publishing your Web Site
    1. Understanding Web Page Publishing 00:04:37
    2. Site Setup & File Transfer 00:06:41
    3. Site Management & Organization 00:04:46
    4. Site Troubleshooting Tips 00:06:31
    5. Promoting Your Sites pt. 1 00:06:12
    6. Promoting Your Sites pt. 2 00:05:06
  18. Conclusion
    1. Wrap-up 00:03:38
  19. Credits
    1. About the Author 00:01:21