1. CIS 228 The Internet Day 1, 8/30

2. The Course Instructor: Bowen Alpern Email: alpern@acm.orgalpern@acm.org ● Office hour: 4-5pm Tu (and by appointment) GI 137-I (poor speller, nominal aphasia, limited teaching experience) Texts: Head First HTML with CSS & XHTML Head First JavaScript Format: T, Th 9-10:50am, GI 218 Lecture (about 50 min), Break (10 min), Lab (50 min) Final project: design and build a web site

3. Tardiness Policy It is understood that students may be late from time to time. However, entering class after a lecture has begun can be disruptive. To minimize this disruption: if you arrive late and the door is closed, wait in the hall until it is opened. Please, don't make a habit of being late!

4. Alphabet Soup HTML CSS XHTML

5. Alphabet Soup HTML CSS XHTML XML SGML

6. Alphabet Soup HTML CSS XHTML XML SGML (1986, GML 1960's) Standard Generalized Markup Language

7. Alphabet Soup HTML (1990, 2.0 1995, 3.2 1997, 4.01 1999) HyperText Markup Language CSS XHTML XML SGML (1986, GML 1960's) Standard Generalized Markup Language

8. Alphabet Soup HTML (1990, 2.0 1995, 3.2 1997, 4.01 1999) HyperText Markup Language CSS (1996, 2 1998) Cascading Style Sheets XHTML XML SGML (1986, GML 1960's) Standard Generalized Markup Language

9. Alphabet Soup HTML (1990, 2.0 1995, 3.2 1997, 4.01 1999) HyperText Markup Language CSS (1996, 2 1998) Cascading Style Sheets XHTML XML (1998, 1.1 2004) eXtensible Markup Language SGML (1986, GML 1960's) Standard Generalized Markup Language

10. Alphabet Soup HTML (1990, 2.0 1995, 3.2 1997, 4.01 1999) HyperText Markup Language CSS (1996, 2 1998) Cascading Style Sheets XHTML (2000, 1.1 2001) eXtensible HyperText Markup Language XML (1998, 1.1 2004) eXtensible Markup Language SGML (1986, GML 1960's) Standard Generalized Markup Language

11. HTML Vocabulary Tag – markup (enclosed in angle brackets) Opening tags:,,,,, Closing tags:,,,,, Empty tags:,, Element – a component of a document An empty tag, or Opening tag, matching closing tag, everything in between Attribute – a name value pair in an opening tag id=”end”, src=”photo.jpg”, alt=”my pic”, class=”address”> Character Entity – special characters & (“&”), < (“ ”), © (“©”)

12. HTML Elements Nest Each element is fully contained in a unique parent The html element is the root Two kinds: Block elements Large sections of a document Inline elements Raw text (e.g. “a mule”) Multiple whitespace chars (“ “, “\t”, “\n”) collapse to a singe spage Short sections of text (e.g “a very stupid mule”)

13. Some HTML Elements Block elements That contain other block elements:,,,, That contain only inline elements: Titles(in element): Headings:,,,,, Paragraphs: Inline elements: quote emphasis (often italic) emphasis (often bold)

14. An HTML Document My First Web Page Hello world!