2. HTML for ISD Brown Bag Presentation Session 2

3. What we will cover:  Basics of HTML  How to make your first page  Links  Text formatting

4. HTML Basics  Tag-based Tag directives are placed inside less-than and greater-than symbols<> Almost all tags are pairs ...  Spaces are suppressed to just one  Browsers may render HTML differently

5. Your first web page My First Web Page Hello World!

6. Voila!

7. Encore!

8. How to Link  Anchor Tag descriptive text URL must be valid! Make the text more meaningful than ‘click here’.

9. More Linking  Creates a mailto link  Creates a target location within a document  Links to that target location from elsewhere in the document

10. Text Formatting  Creates preformatted text  Creates the largest headline  Creates the smallest headline  Creates bold text  Creates italic text

11. Fonts  Selects specific font  Sets size of font, from 1 to 7)  Sets font color, using name or hex value  The font must exist on the machine viewing the page so use common fonts.

12. Spacing your text  Creates a new paragraph  Aligns a paragraph (left, right, or center)  Inserts a line break  Inserts a non-breaking space  Creates a bulleted list  Each separate list item is specified  Inserts a horizontal rule  Indents text from both sides

13. Adding Pictures  Adds an image  Complete syntax  Caveats Size matters! Pictures should add to your message

14. Links  http://www.htmlgoodies.com/primers/basics.html  http://hotwired.lycos.com/webmonkey/reference/html_cheatsheet/  http://library.thinkquest.org/15074/htmlmain.html  http://www.htmlhelp.com/faq/html/  http://www.w3.org/  http://hotwired.lycos.com/webmonkey/authoring/html_basics/index.html

15. What’s Next?  Tables  Frames  Forms

16. Notes?  http://home.selectiveinsurance.com/brown_bag