2. HTML 101 10 Minute University Richard Fisher

3. 10/1/2001 HTML 101 -- FSA Training2 HTML Overview  HTML  HyperText Markup Language

4. 10/1/2001 HTML 101 -- FSA Training3 HTML Overview Word Processing: W Y S I S Y G What You See Is What You Get HTML: W Y S L C D T W Y G What You See Looks Completely Different Than What You Get

5. 10/1/2001 HTML 101 -- FSA Training4 HTML Overview  HTML  HTML documents contain Content (“the words”) HTML HTML Commands (TAGS)  HTML  HTML TAGS Enclosed in brackets Either upper or lower case Usually come in pairs Second TAG has a / (slash) before it’s command Example of bold TAG: bold text

6. HTML Sections of HTML Document Heading info goes here Body info goes here

7. 10/1/2001 HTML 101 -- FSA Training6 HTML Titles...  Indicates the title of the document  In the Heading section  Displays in the browser’s Title Bar

8. 10/1/2001 HTML 101 -- FSA Training7 Add Title: Add Title: Alice’s Palace (Shows on Menu Bar) <TITLE>Alice's Palace</TITLE>

9. 10/1/2001 HTML 101 -- FSA Training8 Headings Tags...  Browser displays headings in bold font and puts a blank line before and after an HTML heading  A first-level heading is largest  Smallest heading is

10. 10/1/2001 HTML 101 -- FSA Training9 Add Text: Welcome All (with H2 Heading) Alice's Palace <H2>Welcome All</H2>

11. 10/1/2001 HTML 101 -- FSA Training10 Spacing HTML does not recognize spacing unless specified Carriage break Returns text to left margin End of paragraph blank line and returns text to left margin

12. 10/1/2001 HTML 101 -- FSA Training11 Add Text: Add Text: My name is Alice (with carriage break) My name is Alice Alice's Palace Welcome All <BR>

13. 10/1/2001 HTML 101 -- FSA Training12 Add Text: Add Text: I live in Dallas (with paragraph break) My name is Alice Alice's Palace Welcome All I live in Dallas <P>

14. 10/1/2001 HTML 101 -- FSA Training13 Images URL (name and location) of the image (images is folder – dallas.gif is the graphics file) or

15. 10/1/2001 HTML 101 -- FSA Training14 Add Image: My name is Alice Alice's Palace Welcome All I live in Dallas <IMG SRC=“images/dallas.gif"><BR>

16. 10/1/2001 HTML 101 -- FSA Training15 Links hotlink name Creates a link to another document or hypermedia file Example UTD

17. 10/1/2001 HTML 101 -- FSA Training16 Add Link: Add Link: I attend college at UTD My name is Alice Alice's Palace Welcome All I attend college at <A HREF="http://www.utdallas.edu">UTD</A> I live in Dallas

18. 10/1/2001 HTML 101 -- FSA Training17 HTML Reference  Quick Reference Sheet (Reference Room)  Tons of Web References including  Bare Bones Guide to HTML http://werbach.com/barebones/

19. 10/1/2001 HTML 101 -- FSA Training18 The End Questions ?