2015
Lynda
Bill Weinman
5:34
English

This course introduces web designers to the nuts and bolts of HTML (HyperText Markup Language), the programming language used to create web pages. Author Bill Weinman explains what HTML is, how it's structured, and presents the major tags and features of the language. Discover how to format text and lists, add images and flow text around them, link to other pages and sites, embed audio and video, and create HTML forms. Additional tutorials cover the new elements in HTML5, the latest version of HTML, and prepare you to start working with Cascading Style Sheets (CSS).

Introduction
Welcome
Using the exercise files
What you need to know about this course
1. Overview
What is HTML?
Examining the structure of an HTML document
Understanding tags and containers
Exploring content models in HTML5
Looking at obsolete elements
2. Fundamentals of HTML
Understanding whitespace and comments
Displaying text with paragraphs
Applying style
Using block and inline tags
Displaying characters with references
3. Metadata and the Document Head
Exploring the front matter of HTML
Applying CSS to your document
Adding scripting elements
Using the meta tag
Optimizing your page for search engines
4. Text
Controlling line breaks and spaces
Exploring phrase elements
Using font markup elements
Highlighting text with mark
Adding headings
Using quotations and quote marks
Exploring preformatted text
Formatting lists
Forcing text direction
Suggesting word-break opportunities
Annotating East Asian languages
5. A CSS Primer
Introducing CSS
Understanding CSS placement
Exploring CSS syntax
Understanding CSS units of measure
Some CSS examples
6. Images
Using images
Flowing text around an image
Breaking lines around an image
Aligning images
Mapping links in an image
7. Hyperlinks
Understanding URLs
Working with hyperlinks
Using relative URLs
Specifying a base URL
Linking within a page
Using image links
8. Lists
Exploring list types
List elements in depth
Using text menus with unordered lists
9. Structural, Contextual, and Semantic Elements
Introduction to HTML semantics
Exploring an example
Marking up figures and illustrations
Creating collapsible details
10. Audio, Video, and Other Objects
Embedding audio
Embedding video
11. HTML5 Data Elements
Creating ad-hoc Document Object Model (DOM) data with the data-* attribute
Displaying relative values with meter
Creating dynamic progress indicators
12. HTML5 Microdata
Overview of HTML5 microdata
Exploring an example with microdata
13. Document Outlines
Understanding outlines
A demonstration of outlining
14. Tables
Table basics
Exploring the semantic parts of a table
Grouping columns
15. Frames
Frames overview
Using traditional frames
Exploring inline frames using iframe
Simulating frames with CSS
16. Forms
Introducing forms
Using text elements
Using checkboxes and radio buttons
Creating selection lists and dropdown lists
Submit and button elements
Using an image as a submit button
Keeping context with the hidden element
Setting tab order
Preloading an autocomplete list using the datalist feature
Displaying results with output
17. A Case Study
Touring a complete site
Touring the HTML
Touring the CSS
Conclusion
Goodbye

http://www.lynda.com/

Download File Size:901.74 MB

---