Introduction to <HTML> Training

"Understanding HTML is not trivial; a significant number of existing documents and tools deal with technically invalid or ambiguous code. This code, even when valid, can be incredibly tricky and complicated to parse – and to understand."

Key Concepts | Block Editor Handbook | WordPress Developer Resources

Instructor:

David J. Hark
P. O. Box 201 Shepherdstown, WV 25443-0201
Home/Office: 304-876-2607
Cell: 304-283-2130
dhark@webucator.com
dhark@fred.net

Resources:

Webucator

Some Useful Information...

A Look Back...

The Standards

More Resources

Free Web Page Editors, HTML Editors, Web Page Builders, and Website Builders

WYSIWYG

Text-based

  • Brackets - A modern, open source code editor that understands web design from Adobe.
  • Notepad++
  • 6 Best Open Source HTML Editors
  • Microsoft Notepad is found under Start > Windows Accessories or C:\Windows\System32\notepad.exe
  • TextEdit is fine for class and is usually included with Mac OS X. Please ensure you choose Format > Make Plain Text from the TextEdit toolbar

Class Outline:

  1. A Quick Overview of Web Development
    1. Client-side Programming
      1. HTML
      2. Cascading Style Sheets
      3. JavaScript
      4. Ajax
      5. JavaScript Frameworks
    2. Server-side Programming
      1. Java EE
      2. ASP.NET
      3. Python
      4. PHP
      5. ColdFusion
      6. Node.js
  2. Introduction to HTML
    1. Getting Started
    2. A Simple HTML Document
    3. The HTML Skeleton
      1. The <head> Element
      2. The <body> Element
      3. Whitespace
    4. HTML Elements
      1. Attributes
      2. Empty vs. Container Tags
      3. Blocks and Inline Elements
      4. Comments
    5. Special Characters
    6. History of HTML
    7. lang Attribute
  3. Paragraphs, Headings, and Text
    1. Paragraphs
    2. Breaks and Horizontal Rules
    3. Creating an HTML Page
    4. Quoted Text
    5. Preformatted Text
    6. Text-Level Semantic Elements
  4. HTML Links
    1. Text Links
    2. Absolute vs. Relative Paths
      1. Absolute Paths
      2. Relative Paths
      3. Default Pages
    3. Targeting New Windows
    4. Email Links
    5. Adding Links
    6. Targeting a Specific Location on the Page
    7. The title Attribute
  5. HTML Images
    1. Inserting Images
      1. Making Images Accessible
      2. Alternative Text
      3. Long Descriptions
      4. Height and Width Attributes
    2. Image Links
    3. Adding Images to the Page
  6. HTML Lists
    1. Unordered Lists
      1. Nesting Unordered Lists
    2. Ordered Lists
      1. Nesting Ordered Lists
      2. The type Attribute
      3. The start Attribute
    3. Definition Lists
    4. Creating Lists
  7. HTML Tables
    1. Creating Tables
      1. Adding a Caption
    2. thead, tbody, and tfoot
    3. Merging Cells
    4. Creating Tables
  8. Sectioning a Web Page
    1. Semantic Block-Level Elements
      1. The article Tag
  9. Audio and Video
    1. Supported Media Types
    2. The audio Element
      1. Audio Formats
      2. audio Tag Attributes
    3. The video Element
      1. video Tag Attributes
    4. Video
    5. Accessibility