Session 02 - Markup (HTML)

Harvard Extension School  
Fall 2020

Course Web Site: https://cscie12.dce.harvard.edu/

Topics

  1. File Management
  2. Relative URLs
  3. URL to Filename Mapping
  4. Markup Recap
  5. HTML5
  6. Common HTML5 Elements - Grouping Content
  7. Lists - ul and li
  8. Common HTML5 Elements - a element - anchor
  9. Common HTML5 Elements - Text Level Semantics
  10. Common HTML5 Elements - Embedded content
  11. Section-level elements
  12. Workflow

Session 02 - Markup (HTML), slide1
File Management, slide2
File Management, slide3
Relative URLs, slide4
Absolute and Relative Locations, slide5
Relative Paths to Parent Locations, slide6
Resolving Relative Links, slide7
Resolving Relative Links, slide8
Recommendation: Use Relative Links within a Site, slide9
URL to Filename Mapping, slide10
Directory Requests and "index.html", slide11
Markup Recap, slide12
Markup (HTML) + Styles (CSS) + Scripts (JavaScript), slide13
Components of HTML Elements, slide14
Markup - HTML, slide15
HTML5, slide16
Most commonly used or seen elements, slide17
Page Structure - header, main, footer, slide18
An improved HTML5 document template, slide19
HTML5 Elements - Page Structure, slide20
Common HTML5 Elements - Grouping Content, slide21
p and div elements, slide22
Harvard Extension School Homepage and div elements, slide23
Lists - ul and li, slide24
Nested Lists - li is a child of ul!, slide25
Lists in Action, slide26
Sections - Headings, slide27
Headings and Lists In Action, slide28
Common HTML5 Elements - a element - anchor, slide29
Creating Links, slide30
Common HTML5 Elements - Text Level Semantics, slide31
span element, slide32
Line Breaks and white space characters (br element), slide33
Common HTML5 Elements - Embedded content, slide34
Accessibility Principle: Provide text alternatives for non-text content., slide35
Section-level elements, slide36
Parts of a Page, slide37
Workflow, slide38

Presentation contains 38 slides