Session 02 - Markup (HTML)

Harvard Extension School  
Spring 2022

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

Topics

  1. File and Folder Management
  2. URLs
  3. HTML, CSS, JavaScript
  4. HTML Introduction
  5. Essential HTML5 Document Structure
  6. Markup Evolution and Standards
  7. HTML and XML Syntax for HTML5 — What's the Difference?
  8. HTML5
  9. Wait a minute — head and header?
  10. Common HTML5 Elements - Grouping Content
  11. Lists - ul and li
  12. Common HTML5 Elements - a element - anchor
  13. Common HTML5 Elements - Text Level Semantics
  14. Entities - what's this &name-or-number;?
  15. Common HTML5 Elements - Embedded content
  16. WAVE - Accessibility Evaluation Tool
  17. Section-level elements
  18. Workflow
  19. Version Control
  20. <meta charset="utf-8">

Session 02 - Markup (HTML), slide1
File and Folder Management, slide2
File and Folder Structure for Web Sites, slide3
URLs, slide4
HTML, CSS, JavaScript, slide5
Markup (HTML) + Styles (CSS) + Scripts (JavaScript), slide6
HTML Introduction, slide7
Markup - HTML, slide8
Essential HTML5 Document Structure, slide9
HTML Elements - the basic building blocks structure, slide10
HTML Elements - the basic building block structure, slide11
HTML Elements - Content can be other HTML elements, slide12
HTML Elements - Sometimes you will have more than one attribute, slide13
HTML Elements - Sometimes elements have no content; they are "empty", slide14
HTML Elements - Sometimes HTML allows you to leave off end tags, slide15
Markup Evolution and Standards, slide16
Benefits of Web Standards, slide17
HTML and XML Syntax for HTML5 — What's the Difference?, slide18
A Tale of Two Documents, slide19
HTML Elements - the basic building block structure, slide20
HTML Elements - Content can be other HTML elements, slide21
HTML5, slide22
Most commonly used or seen elements, slide23
Page Structure - header, main, footer, slide24
An improved HTML5 document template, slide25
HTML5 Elements - Page Structure, slide26
Wait a minute — head and header?, slide27
Common HTML5 Elements - Grouping Content, slide28
article and section and div, slide29
p and div elements, slide30
Harvard Extension School Homepage and div elements, slide31
Lists - ul and li, slide32
Nested Lists - li is a child of ul!, slide33
Lists in Action, slide34
Sections - Headings, slide35
Headings and Lists In Action, slide36
Common HTML5 Elements - a element - anchor, slide37
Creating Links, slide38
Common HTML5 Elements - Text Level Semantics, slide39
span element, slide40
Line Breaks and white space characters (br element), slide41
Entities - what's this &name-or-number;?, slide42
Common HTML5 Elements - Embedded content, slide43
Accessibility Principle: Provide text alternatives for non-text content., slide44
WAVE - Accessibility Evaluation Tool, slide45
Section-level elements, slide46
Parts of a Page, slide47
Workflow, slide48
Version Control, slide49
<meta charset="utf-8">, slide50
Character Sets and Encoding, slide51
Unicode, slide52

Presentation contains 52 slides