1. Lesson 1 Quick HTML Know-How

2. A little HTML History In 1990 Tim Berners-Lee invented: World Wide Web HTML (hypertext markup language) HTTP (HyperText Transfer Protocol) URLs (Universal Resource Locators) Tim Berners-Lee was the primary author of html, assisted by his colleagues at CERN, an international scientific organization based in Geneva, Switzerland.

3. A little HTML History The World Wide Web Consortium (W3C) is the official standards body for HTML - http://www.w3.org/MarkUp/World Wide Web Consortium http://www.w3.org/MarkUp/

4. TAGS The Basic Unit of HTML Tag - Used to specify ("mark-up") regions of HTML documents for the web browser to interpret. Tags look like this: Element - A complete tag, having an opening and a closing. Attribute - Used to modify the value of the HTML element. Elements will often have multiple attributes.

5. Attributes Attributes are like adjectives, in that they further describe elements like Each attribute specification has a name and a value. Value - A value is the data you assign to an attribute. For example, the following gives the align attribute a value of "center":

6. Understanding tags and attributes Here’s some silly examples…. (Tags are in blue, attributes in red and values in green) Get the idea? IF these were actual HTML tags, the attributes describe them.

7. You must understand…. Examples: Hello Visit Google! The W3C recommends that ALL attribute values be quoted.

8. HTML Elements HEAD – Special Info. About the page BODY – the real content

9. The Tag Browsers display any text between and at the very top of the browser window. The title text will also be used to identify the page on the Explorer Favorites menu or the Navigator Bookmarks menu when someone selects Add Bookmark or Add to Favorites.

10. Commenting HTML If you want to leave yourself notes in an HTML document, but don't want those notes to show up in the browser window, you need to use the comment tag. To do that, you would do the following:

11. Very Large Large Medium Large Medium Small Small Very Small Using Headings

12. Create the following bulleted list using the tags to the right. First Item Second Item Third Item Fourth Item text first item second item third item fourth item Bulleted Lists

13. Create the following numbered list by replacing the tags with the tags shown to the right. 1. First Item 2. Second Item 3. Third Item 4. Fourth Item text first item second item third item fourth item Numbered Lists

14. Why I love Dreamweaver for HTML

15. Clean Up HTML Quick Tag Editor View & Edit Head Content Reference Panel Edit menu…Tag libraries Tag Inspector Help menu…Reference!! 

16. HTML tutorials http://www.alternetwebdesign.com/htmltutorial/ http://www.davesite.com/webstation/html/ http://www.echoecho.com/html.htm http://htmlreference.com/ http://www.w3schools.com/html/ http://www.tizag.com/htmlT/

17. What is Javascript? A product of the joint venture between Sun & Netscape Open Language, simpler You can not use JavaScript to create applets or stand- alone applications It resides inside HTML documents View the source of the code below and copy and paste everything in the tags between your tags….