Fundamental HTML and CSS
- 1. FundamentalHTML and CSSCorey A. SpitzerSKAR AdvertisingJuly, 2009
- 2. A web page, broken downContent/DataUI LogicStylingRulesWeb BrowserWebsite
- 3. A web page, broken downHTMLJavascriptCSSWeb BrowserWebsite
- 4. HTMLHyperText = text that can link to other text via hyperlinks Markup = semantic structure and metadata describing the contentLanguage = language
- 5. HTML Tag Structure<textarearows="4" cols="30">blah blah blah</textarea>Tag (aka Element) nameAttribute nameAttribute valueTag contents
- 6. HTML Document Structure(doctype)<html> <head> (head info) </head> <body> (main content) </body></html>
- 7. HTML Doctypes<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">More info athttp://www.w3.org/QA/Tips/Doctypehttp://htmlhelp.com/tools/validator/doctype.html
- 9. More HTML InfoMore comprehensiveHTML tutorials and examples athttp://www.w3schools.com/Html/
- 11. CSSCascading = styling rules "cascade" from parent tags to child tags; rules can override othersStyle = styleSheet = file
- 12. Basic CSS Structure(tag name/class/id) { (rule); (rule); ...}
- 13. A Quick DigressionMore CSS info,but first...
- 15. Hexadecimal ColorsDecimal (base 10)Digit values:0,1,2,3,4,5,6,7,8,9Hexidecimal (base 16)Digit values:0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F
- 16. Hexadecimal Colors R G B#00000000 = 0FF = 255
- 17. Hexadecimal Colors R G B#00000016^6 = 16,777,216 possible colors
- 19. More CSS InfoMore comprehensiveCSS tutorials and examples athttp://www.w3schools.com/Css/
Editor's Notes
- #4: What is the content? What does it look like? How does it function?