Session 01 - The Internet, World Wide Web, Web Browsers, Web Sites, and HTML

Harvard Extension School  
Spring 2022

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

Topics

  1. The Internet and the World Wide Web
  2. A Web Site over Time
  3. CSCI E-12 Course
  4. A Web Address - URLs (and URIs) URL = Uniform Resource Locator
  5. Components of the Web
  6. Client-side Web Parts: Markup, Style, Function
  7. HTML Introduction
  8. Essential HTML5 Document Structure
  9. Markup Evolution and Standards
  10. HTML and XML Syntax for HTML5 — What's the Difference?
  11. HTML5
  12. Common HTML5 Elements - Grouping Content
  13. Lists - ul and li
  14. Common HTML5 Elements - a element - anchor
  15. Relative URLs
  16. File Management
  17. Course Web Hosting Server: URLs and File locations

Session 01 - The Internet, World Wide Web, Web Browsers, Web Sites, and HTML, slide1
The Internet and the World Wide Web, slide2
The Internet: Schematic, slide3
Types of Traffic on the Internet, slide4
Tim Berners-Lee on The World Wide Web, slide5
Features of the World Wide Web, slide6
Approaching the Web, slide7
A Web Site over Time, slide8
CSCI E-12 Course, slide9
A Web Address - URLs (and URIs) URL = Uniform Resource Locator, slide10
Components of the Web, slide11
Client-side Web Parts: Markup, Style, Function, slide12
Our Solar System: Markup, slide13
Our Solar System: Markup + Style, slide14
Our Solar System: Markup + Style + Function, slide15
HTML Introduction, slide16
Markup - HTML, slide17
Essential HTML5 Document Structure, slide18
HTML Elements - the basic building blocks structure, slide19
HTML Elements - the basic building block structure, slide20
HTML Elements - Content can be other HTML elements, slide21
HTML Elements - Sometimes you will have more than one attribute, slide22
HTML Elements - Sometimes elements have no content; they are "empty", slide23
HTML Elements - Sometimes HTML allows you to leave off end tags, slide24
HTML Elements - the basic building blocks structure, slide25
Elements, Start Tags, Attributes and values, End Tags, Content, slide26
Markup Evolution and Standards, slide27
Benefits of Web Standards, slide28
HTML and XML Syntax for HTML5 — What's the Difference?, slide29
A Tale of Two Documents, slide30
HTML5, slide31
Most commonly used or seen elements, slide32
Page Structure - header, main, footer, slide33
HTML5 Document Template, slide34
HTML5 Elements - Page Structure, slide35
Common HTML5 Elements - Grouping Content, slide36
article and section and div, slide37
p and div elements, slide38
Harvard Extension School Homepage and div elements, slide39
Lists - ul and li, slide40
Nested Lists - li is a child of ul!, slide41
Lists in Action, slide42
Sections - Headings, slide43
Headings and Lists In Action, slide44
Common HTML5 Elements - a element - anchor, slide45
Creating Links, slide46
Relative URLs, slide47
Absolute and Relative Locations, slide48
Relative Paths to Parent Locations, slide49
File Management, slide50
File Management, slide51
Course Web Hosting Server: URLs and File locations, slide52

Presentation contains 52 slides