Skip to content

Latest commit

 

History

History

html

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 

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