html

HTML

Let's start from the basics. HTML. No matter how complex your future web-app is, it all boils down to good, old markup.

Goals

1. Get familiar with HTML basic tags and HTML5 tags
2. Learn about semantic HTML
3. Learn about HTML accessibility

Topics

1. Anatomy
   • Elements
   • Attributes
   • Comments
   • Text
2. Elements
   • Meta elements - title, meta, link, etc.
   • Section elements - article, header, footer, section, nav, etc.
   • Heading elements - h1-h6, hgroup, etc.
   • Grouping elements - main, p, ol, ul, dl, figure, div
   • Table elements - table, tr, td, etc.
   • Text elements - em, br, mark, abbr, etc.
3. Interactive elements
   • Anchors
   • Element forms - form, input, select, etc.
   • Embedded elements - audio, iframe, img, svg, video, canvas, etc.
4. Semantic markup
5. HTML Accessibility

Exercise

Implement Athens Ruins image gallery and review with your mentor.

Resources

• HTML Dog Tutorials
• HTML MDN Tutorials
• HTML5 Tutorial