HTML Essential Training

HTML is the programming language that powers the web. And like any language, once you master it, you can begin to create your own content, whether that's simple websites or complex web applications. This course provides an in-depth look at the essentials: the syntax of HTML and best practices for writing and editing your code. Senior staff author James Williamson reviews the structure of a typical HTML document, and shows how to section pages and format your content with HTML. Plus, learn how to create links and lists, and find out how HTML works with CSS and JavaScript to create rich, engaging user experiences. So open a text editor, watch these videos, and begin learning to author HTML the right way.
Topics include:

• Why is HTML important?
• Exploring an HTML document
• Formatting content
• Displaying images
• Using nav, article, and div elements
• Linking to pages and downloadable content
• Creating lists
• Controlling styling (fonts, colors, and more)
• Writing basic scripts

00-Introduction

01- Welcome
02- Using the exercise files
03- What you need to know about this course

01- Overview

01- What is HTML
02- Examining the structure of an HTML document
03- Understanding tags and containers
04- Exploring content models in HTML5
05- Looking at obsolete elements

02- Fundamentals of HTML

01- Understanding whitespace and comments
02- Displaying text with paragraphs
03- Applying style
04- Using block and inline tags
05- Displaying characters with references

03-. Metadata and the Document Head

01- Exploring the front matter of HTML
02- Applying CSS to your document
03-Adding scripting elements
04- Using the meta tag
05- Optimizing your page for search engines

04- Text

01- Controlling line breaks and spaces
02-Exploring phrase elements
03- Using font markup elements
04- Highlighting text with mark
05- Adding headings
06- Using quotations and quote marks
07- Exploring preformatted text
08-Formatting lists
09- Forcing text direction
10- Suggesting word-break opportunities
11- Annotating East Asian languages

05- A CSS Primer

01- Introducing CSS
02- Understanding CSS placement
03- Exploring CSS syntax
04- Understanding CSS units of measure
05- Some CSS examples

06- Images

01- Using images
02-Flowing text around an image
03- Breaking lines around an image
04- Aligning images
05- Mapping links in an image

07- Hyperlinks

01- Understanding URLs
02- Working with hyperlinks
03- Using relative URLs
04- Specifying a base URL
05- Linking within a page
06- Using image links

08- Lists

01- Exploring list types
02- List elements in depth
03- Using text menus with unordered lists

09- Structural, Contextual, and Semantic Elements

01- Introduction to HTML semantics
02- Exploring an example
03- Marking up figures and illustrations
04- Creating collapsible details

10-. Audio, Video, and Other Objects

01- Embedding audio
02- Embedding video

11- HTML5 Data Elements

01- Creating ad-hoc Document Object Model DOM data with the data with the data attribute
02- Displaying relative values with meter
03- Creating dynamic progress indicators

12- HTML5 Microdata

01- Overview of HTML5 microdata
02- Exploring an example with microdata

13- Document Outlines

01- Understanding outlines
02- A demonstration of outlining

14-Tables

01- Table basics
02- Exploring the semantic parts of a table
03- Grouping columns

15- Frames

01- Frames overview
02- Using traditional frames
03-Exploring inline frames using iframe
04- Simulating frames with CSS

16- Forms

01- Introducing forms
02-Using text elements
03- Using checkboxes and radio buttons
04- Creating selection lists and dropdown lists
05- Submit and button elements
06- Using an image as a submit button
07- Keeping context with the hidden element
08- Setting tab order
09- Preloading an autocomplete list using the datalist feature
10- Displaying results with output

17- A Case Study

01- Touring a complete site
02- Touring the HTML
03-Touring the CSS

18-Conclusion

01- Goodbye