1. WEB PAGES: CREATING AND MAINTAINING ** Frank Romanelli FrankR@Udel.Edu http://udel.edu/~frankr Instructor: Wednesday: 10:15 -11:15 Week 3

2. Basic HTML Tags On ALL Web Pages

3. Basic HTML Tags On ALL Web Pages Formatting Tags = Subscripte.g. H 2 O = Superscript e.g. Today is September 23 rd H 2 O Today is September 23 rd

4. Basic HTML Tags On ALL Web Pages Formatting Tags

5. Basic HTML Tags On ALL Web Pages Formatting Tags non-breaking space This is one space, but this has extra spaces. This is one space, but this has extra spaces.

6. Basic HTML Tags On ALL Web Pages Formatting Tags

7. Tag Options THE FONT TAG SIZE = “1 … 7”

8. Tag Options THE FONT TAG SIZE = “1 … 7” smallest largest This is Large Default

9. Tag Options THE FONT TAG color = “16 standard colors” aqua black blue fuchsia gray green lime maroon navy olive purple red silver teal white yellow This is: red and blue

10. Tag Options THE FONT TAG This is Large & Green

11. This is Large & Green only large

12. Tag Options THE FONT TAG FACE = “name1, name2, name3, …” These are different types of Font Faces

13. Tag Options THE FONT TAG FACE = “name1, name2, name3, …” Browsers have VERY limited “Font Face” Support The “Font Face” file must reside on the Users Computer Name must match – might not look the same – MAC’s -PC’s

14. Tag Options THE FONT TAG FACE = “name1, name2, name3, …” These 12 fonts are installed on both PC and MAC and are considered as ‘safe’ arial arial black comic sans ms courier courier new georgia helvetica impact palatino times new roman trebuchet ms verdana

15. Tag Options THE FONT TAG FACE = “name1, name2, name3, …” arial arial black comic sans ms courier courier new georgia helvetica impact palatino times new roman trebuchet ms verdana cursive fantasy Serif Sans-serif monospace Font-Family Generic-Family

16. Tag Options THE FONT TAG FACE = “name1, name2, name3, …” arial arial black comic sans ms courier courier new georgia helvetica impact palatino times new roman trebuchet ms verdana cursive fantasy Serif Sans-serif monospace Font-Family generic-Family Hello

17. Tag Options Paragraph Tag ALIGN = “Left, Right, Center” Default This text will be centered

18. All of this text is centered on the page and this is firetruck but only this is italized. All of this text is centered on the page and this is firetruck but only this is italized.

19. THE HEADING TAG smallest largest HEADING HEADING HEADING Note! Opposite – Font Size Always on it’s own line !

20. Tag Options THE HEADING TAG ALIGN = “left, right, center” This is Centered This is left This is right This is centered This is left This is right

21. Basic HTML Tags On ALL Web Pages … to …,,, Formatting Tags Tag Options Colors – aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow