Harvard Extension School

CSCI E-12 Fundamentals of Web Site Development | Spring 2020

Session 03 - HTML, Introduction to CSS
Examples

Example 3.1 - Simple form
Example 3.2 - Simple for using 'get'
Example 3.3 - Simple form using 'post'
Example 3.4 - Form: text input
Example 3.5 - Form: radio buttons
Example 3.6 - Form: checkboxes
Example 3.7 - Form: textarea
Example 3.8 - Pull-down List
Example 3.9 - Scrollable List
Example 3.10 - Form Labels
Example 3.11 - Form Labels
Example 3.12 - Password input field
Example 3.13 - Hidden form field
Example 3.14 - File Upload
Example 3.15 - Form fieldset and legend elements
Example 3.16 - Form: optgroup in pull-down menus
Example 3.17 - Input text placeholder
Example 3.18 - Input autofocus property
Example 3.19 - text input for email
Example 3.20 - text input for URLs
Example 3.21 - HTML5 input type='number' and type='range'
Example 3.22 - HTML5 input types for date and time
Example 3.23 - Table
Example 3.24 - Simple data table
Example 3.25 - Advanced Table
Example 3.26 - 'colgroup' element
Example 3.27 - Table with 'scope' attribute
Example 3.28 - Table with 'headers' attribute
Example 3.29 - Simple CSS Example
Example 3.30 - style attribute
Example 3.31 - style element
Example 3.32 - link element for stylesheets
Example 3.33 - classes
Example 3.34 - id selectors
Example 3.35 - contextual selectors
Example 3.36 - Styles and inheritance
Example 3.37 - font properties
Example 3.38 - font-style
Example 3.39 - font-weight and font-variant
Example 3.40 - font-weight
Example 3.41 - font-size
Example 3.42 - font shorthand
Example 3.43 - text properties
Example 3.44
Example 3.45 - Test Drive Your Browser

Copyright © David Heitmeyer