[display_podcast]

• Goal
  • Understand HTML structure and basic language syntax
• Product
  • Save a HTML file
    • Basic HTML page with 20 lines of code
  • One CSS question for the teacher tomorrow
• Tools
  • Basic text editor
    • TextEdit (Mac)
    • NotePad (Windows)
• Resource
  • W3schools.com HTML tutorials
  • Codecademy.com HTML and CSS tutorials

HTML Explained

• The dark space before the mouse, Mac 1984 commercial
  • The evolution of mark language
• Mr. Le Duc jumps on desk and points to his head and body and explains the genesis of HTML structure
• Mr. Le Duc discusses the format of a term paper
  • Headings
  • Paragraphs
  • Lists 

Sample Code That Goes Between The BODY Tags

<h1>This is a Header or h1</h1>
<h2>This is an h2</h2>
<h3>This is an h3</h3>
<p>This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. </p>

<ul>
<li>Item 1 – in an unordered list</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

<ol>
<li>Item 1 – in an ordered list</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
<a href=”http://www.w3schools.com”>This is a link to W3Schools</a>