Day 2 - PitchEngine/code-wyoming GitHub Wiki

• Review homework
• Review html basics
  • Template review
  • Tags & attributes <person name="Matt"> Matt teaches a web development class </person>
  • Document outline review

• meta charset
• html lang

How they work and what their job is.

Make a webpage with a title "Heading Example" with all the heading levels on it, ie

<h1>Heading Level 1</h1>
<h2>Heading Level 2</h2>
...

Developer resources: MDN

• br (Write a poem)
• blockquote
• Phrase elements (See below)
• Ordered lists, ol
  • Cool attributes: start & reversed
• Unordered lists, ul
• Description lists, dl

• Create a "My favorite towns" list, trying both ordered and unordered
• Create a reference for class definitions so far with dl

• " quote
• © copyright
• & ambersand
•   nonbreaking space

Check out this giant list

• div

• header
• nav
• main
• footer

Create a webpage that has a header, n

• linebreak br
• horizontal rule hr
• blockquote
• Phrase Elements
  • abbr
  • b
  • cite
  • code
  • em
  • i
  • kbd
  • mark
  • small
  • sub
  • sup
• lists
  • nesting
  • ordered
  • unordered
• description lists
• special characters
  • &, …, ©, ™, °
• anchor
  • mailto
  • linking to pages within the same site (relative urls)

• Headings website
• My First Website!

Make a website with four pages that each link to each other.

It should utilize header, nav, main, and footer to keep its sections well organized.

Make sure to use the following

• Standard html template
• h1 (stick to the document outline)
• img
• phrase elements (code, span, em)