fundamental html and css
DESCRIPTION
TRANSCRIPT
FundamentalHTML and CSS
Corey A. SpitzerSKAR Advertising
July, 2009
A web page, broken down
Web Browser
Content/Data UI LogicStylingRules
Website
A web page, broken down
Web Browser
HTML JavascriptCSS
Website
HTML
HyperText = text that can link to other text via hyperlinks Markup = semantic structure and metadata describing the contentLanguage = language
HTML Tag Structure
<textarea rows="4" cols="30">blah blah blah
</textarea>
Tag (aka Element) nameAttribute nameAttribute valueTag contents
HTML Document Structure
(doctype)<html>
<head>(head info)
</head><body>
(main content)</body>
</html>
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
HTML Examples
Demo(html_examples.html)
More HTML Info
More comprehensiveHTML tutorials and examples athttp://www.w3schools.com/Html/
Questions?
CSS coming up...
CSS
Cascading = styling rules "cascade" from parent tags to child
tags; rules can override othersStyle = styleSheet = file
Basic CSS Structure
(tag name/class/id) {
(rule);(rule);...
}
A Quick Digression
More CSS info,but first...
Hexadecimal Colors
#F62BB5
Hexadecimal Colors
Decimal (base 10)Digit values:0,1,2,3,4,5,6,7,8,9
Hexidecimal (base 16)Digit values:0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F
Hexadecimal Colors
R G B#000000
00 = 0FF = 255
Hexadecimal Colors
R G B#000000
16^6 = 16,777,216 possible colors
CSS Examples
Demo(css_examples.html)
More CSS Info
More comprehensiveCSS tutorials and examples athttp://www.w3schools.com/Css/
The End?
Questions?Requests?
Comments?Criticisms?