# Session 02 - Markup (HTML)

Harvard Extension School
Spring 2021

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

### Topics

1. File Management
2. 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
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
article and section and div, slide22
p and div elements, slide23
Harvard Extension School Homepage and div elements, slide24
Lists - ul and li, slide25
Nested Lists - li is a child of ul!, slide26
Lists in Action, slide27
Sections - Headings, slide28
Headings and Lists In Action, slide29
Common HTML5 Elements - a element - anchor, slide30
Creating Links, slide31
Common HTML5 Elements - Text Level Semantics, slide32
span element, slide33
Line Breaks and white space characters (br element), slide34
Common HTML5 Elements - Embedded content, slide35
Accessibility Principle: Provide text alternatives for non-text content., slide36
Section-level elements, slide37
Parts of a Page, slide38
Workflow, slide39

Presentation contains 39 slides

- img
- img
- img
- img
- img