1. WEB PAGES: CREATING AND MAINTAINING ** Tom Keane & Mayis SeapanInstructors: HTML Tags to format your text

2. Basic HTML Tags On ALL Web Pages

3. Basic HTML Tags On ALL Web Pages N= 1..6 Formatting Tags

4. THE HEADING TAG smallest largest HEADING Note! Always on its own line ! HEADING

5. 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

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

7. No Tag Options Break Tag Starts a new line Similar to a carriage return but does not start a new paragraph Does not need to be “closed” This is the first line This is the next line This is the first line This is the next line

8. Main Heading All of this paragraph is centered on the page Main Heading All of this paragraph is centered on the page

9. Basic HTML Tags - bold -italic -underline Text Formatting Tags = Subscript e.g. H 2 O = Superscript e.g. Today is February 25 th H 2 O Today is February 25 th

10. Basic HTML Tags Formatting Tags non-breaking space This is one space, but this has extra spaces. This is one space, but this has extra spaces.

11. Main Heading All of this paragraph is centered on the page Main Heading All of this paragraph is centered on the page

12. Tag Options THE FONT TAG SIZE COLOR FACE

13. Tag Options THE FONT TAG SIZE = “1 … 7” smallest largest This is Large Default Opposite to the Heading tag

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

15. Tag Options THE FONT TAG This is Large & Green Options may be grouped or distributed Tags should be “nested”

16. This is Large & Green This is Large & Green only large

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

18. 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

19. 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

20. 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

21. 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 Font-Family generic-Family Hello cursive fantasy monospace Serif Sans-serif

22. Fonts – Let’s Practice Make a web page for: Welcome to my Web Page I did it myself Blue, size = 4, underline Italic, Underline, size = 3 Arial, size = 3 Color= “red” Welcome to my Web Page I did it myself `

23. Tag Options THE HEADING TAG ALIGN = “left, right, center” This is Centered This is left This is right This is centered This is left <font color = “red” face = “arial”> This is right Can “nest” font color and face in the heading tag

24. 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