Intro to HTML

Topic Overview

Browsers

Web Browsers Brief History of Browsers Browser Stats TODO

Document Object Model

Processing and the DOM Markup Languages Choosing and Using HTML TODO

Document Structure

The 4 Main Document Elements 1. Document Type 2. The Root Element 3. The Head Element 4. The Body Element Review: The 4 Main Document Elements TODO

Pages

The Index Page URLs Adding Content TODO

Developing With GitHub Pages

GitHub Pages Standard Directory Structure Rendering HTML Files Setting Up GitHub Pages TODO

Review: The 4 Main Document Elements

Can you see how a single page is similar to how you’re structured? You only have one head and one body, and the head always comes first.

stick figure representing head and body of an HTML document

The following is the basic layout of an HTML document.

HTML

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <!-- Meta data and information about your site, not visible to visitors. -->
  </head>

  <body>
    <!-- “My Way-Cool Awesome Site!” contents, visible to visitors. -->
  </body>
</html>

html document elements page structure