Session 03 - HTML Forms & Tables, Introduction to CSS

Harvard Extension School  
Spring 2022

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

Topics

  1. Markup Recap
  2. Accessibility
  3. Forms - Basic
  4. Accessibility: Label Element
  5. HTML5 forms
  6. Tables
  7. Accessibilty of Tables
  8. Presentation - Cascading Style Sheets (CSS)
  9. CSS Mechanics - rules and selectors
  10. Basic Selectors - elements, class, id
  11. CSS Properties and Values
  12. Box Model or Block Model
  13. display property
  14. Tools: Your Browser

Session 03 - HTML Forms & Tables, Introduction to CSS, slide1
Markup Recap, slide2
Components of HTML Elements, slide3
Essential HTML5 Document Structure, slide4
Accessibility, slide5
Forms - Basic, slide6
Forms, slide7
Forms, slide8
form, slide9
HTTP Method: Get vs. Post, slide10
Text Field, slide11
Radio Buttons, slide12
Checkbox, slide13
Textarea, slide14
Select and Option, slide15
Accessibility: Label Element, slide16
Accessibility: Label Element, slide17
Label Element - using id, label, for, slide18
Labels, slide19
fieldset and legend, slide20
optgroup, slide21
HTML5 forms, slide22
HTML5: email and url, slide23
HTML5: number and range, slide24
HTML5: date and time, slide25
submit.php -- it can do more!, slide26
Tables, slide27
A Simple Table, slide28
Adding thead, tfoot, tbody, caption, and summary, slide29
Benefits of Semantics, slide30
Using "col" and "colgroup", slide31
Accessibilty of Tables, slide32
Accessibility using "headers", slide33
What can we do now that relationship is clear?, slide34
Presentation - Cascading Style Sheets (CSS), slide35
Markup, Presentation, Function, slide36
Styles, slide37
Different Styles for The United States Constitution, slide38
University of Colorado - Boulder, slide39
Responsive Web Design, slide40
CSS Recommendations from the W3C, slide41
CSS Mechanics - rules and selectors, slide42
Anatomy of a CSS Rule, slide43
Simple CSS Example, slide44
CSS Mechanics - Binding Styles to Markup, slide45
style attribute, slide46
style element, slide47
link element, slide48
Combining Rules, slide49
Combining Selectors, slide50
Basic Selectors - elements, class, id, slide51
class selectors, slide52
id selectors, slide53
Contextual Selectors, slide54
CSS Properties and Values, slide55
Inheritance, slide56
Sample "UA" default stylesheets for HTML 2.0 and HTML 4.0, slide57
font properties, slide58
font-family, slide59
font-style, slide60
font-variant and font-weight, slide61
font-size, slide62
Font Sizes: Relative vs. Absolute, slide63
font, slide64
text properties, slide65
CSS Values and Units, slide66
Color Units, slide67
Colorpicker, slide68
Box Model or Block Model, slide69
margin, padding, border, slide70
border-style, slide71
TRBL for padding and margin shorthand, slide72
Margin, Padding, Border Example, slide73
display property, slide74
Tools: Your Browser, slide75
Web Browsers and Layout Engines, slide76
Testdrive Your Browser, slide77

Presentation contains 77 slides