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

Basic HTML Tags On ALL Web Pages

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

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

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

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

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

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

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

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.

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

Tag Options THE FONT TAG SIZE COLOR FACE

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

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

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

This is Large & Green This is Large & Green only large

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

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

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

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

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

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 `

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

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