Fundamental HTML and CSS

Fundamental HTML and CSS Corey A. Spitzer SKAR Advertising July, 2009

A web page, broken down Content/Data UI Logic Styling Rules Web Browser Website

A web page, broken down HTML Javascript CSS Web Browser Website

HTML HyperText = text that can link to other text via hyperlinks Markup = semantic structure and metadata describing the content Language = language

HTML Tag Structure <textarearows="4" cols="30"> blah blah blah </textarea> Tag (aka Element) name Attribute name Attribute value Tag 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 at http://www.w3.org/QA/Tips/Doctype http://htmlhelp.com/tools/validator/doctype.html

HTML Examples Demo (html_examples.html)

More HTML Info More comprehensive HTML tutorials and examples at http://www.w3schools.com/Html/

CSS Cascading = styling rules "cascade" from parent tags to child tags; rules can override others Style = style Sheet = file

Basic CSS Structure (tag name/class/id) { (rule); (rule); ... }

A Quick Digression More CSS info, but first...

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 = 0 FF = 255

Hexadecimal Colors R G B #000000 16^6 = 16,777,216 possible colors

CSS Examples Demo (css_examples.html)

More CSS Info More comprehensive CSS tutorials and examples at http://www.w3schools.com/Css/

The End? Questions? Requests? Comments? Criticisms?

Fundamental HTML and CSS

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Fundamental HTML and CSS

Similar to Fundamental HTML and CSS (20)

More from techmonkey4u

More from techmonkey4u (6)

Recently uploaded

Recently uploaded (20)

Fundamental HTML and CSS

Editor's Notes