1 / 21

WEB PAGES: CREATING AND MAINTAINING **

WEB PAGES: CREATING AND MAINTAINING **. Wednesday: 10:15 -11:15. Instructor:. Frank Romanelli FrankR@Udel.Edu http://udel.edu/~frankr. Week 3. On ALL Web Pages. <HTML> </HTML> <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY>. Basic HTML Tags. On ALL Web Pages.

macha
Download Presentation

WEB PAGES: CREATING AND MAINTAINING **

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


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

  2. On ALL Web Pages <HTML> </HTML> <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY> Basic HTML Tags

  3. On ALL Web Pages Formatting Tags <HTML> </HTML> <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY> <P> </P> <BR> <B> </B> <I> </I> <U> </U> Basic HTML Tags <SUB> </SUB> = Subscript e.g. H2O H<sub>2</sub>O rd <SUP> </SUP> = Superscript e.g. Today is September 23 Today is September 23<sup>rd</sup>

  4. On ALL Web Pages Formatting Tags <HTML> </HTML> <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY> < P > < /P > < BR > <B> < /B > < I > < /I > <U> </U> Basic HTML Tags <SUB> </SUB> <SUP> </SUP>

  5. On ALL Web Pages Formatting Tags <HTML> </HTML> <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY> < P > < /P > < BR > <B> < /B > < I > < /I > <U> </U> Basic HTML Tags <SUB> </SUB> &nbsp; non-breaking space This is one space, but this has extra spaces. <SUP> </SUP> This is one space, but &nbsp; &nbsp; &nbsp; this has extra spaces.

  6. On ALL Web Pages Formatting Tags <HTML> </HTML> <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY> < P > < /P > < BR > <B> < /B > < I > < /I > <U> </U> Basic HTML Tags <SUB> </SUB> &nbsp; <SUP> </SUP>

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

  8. THE FONT TAG <FONT> </FONT> Tag Options SIZE = “1 … 7” <FONT size=“1”> smallest This is Large <FONT size=“2”> Default <FONT size=“3”> This is <font size=“7”>Large</font> <FONT size=“4”> <FONT size=“5”> <FONT size=“6”> <FONT size=“7”> largest

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

  10. THE FONT TAG <FONT> </FONT> Tag Options This is Large & Green This is <FONT size=“7” color=“green”>Large & Green</FONT> This is <FONT size=“7”><font color=“green”>Large & Green</font></FONT>

  11. This is Large & Green This is Large & Green only large This is <FONT size=“7”><font color=“green”>Large & Green</font></FONT> This is <FONT size=“7”><font color=“green”>Large & Green</font>only large</FONT>

  12. THE FONT TAG <FONT> </FONT> Tag Options FACE = “name1, name2, name3, …” ThesearedifferenttypesofFont Faces

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

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

  17. Paragraph Tag <P> </P> Tag Options ALIGN = “Left, Right, Center” Default <P align=“left”> <P align=“right”> <P align=“center”> <P align=“center”>This text will be centered</P>

  18. All of this text is centered on the page and this is firetruck but only this is italized. <p align=“center”>All of this text<br>is centered on the page<br> and this<br>is <font color=“red”>firetruck</font> but only this<br>is <i>italized</i>. </p>

  19. THE HEADING TAG <H1…6> </H1…6> Note! <H1> </H1> • Opposite – Font Size <H2> </H2> • Always on it’s own line ! <H3> </H3> largest <H4> </H4> HEADING HEADING <H5> </H5> <H6> </H6> <H4>HEADING</H4><H2>HEADING</H2> smallest

  20. THE HEADING TAG <H1…6> </H1…6> Tag Options ALIGN = “left, right, center” This is Centered This is left This is right <h2 align=“center”>This is centered</h2> <h1align=“left”>This is left</h1> <h2 align=“right”>This is right</h2> <P align=“Left”> <P align=“Right”> <P align=“Center”> <FONT size=“1…7” color=“color name”>

  21. Basic HTML Tags On ALL Web Pages Formatting Tags Tag Options <HTML> </HTML> <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY> <P> <BR> <FONT> </FONT> <H1>… <H6> to </H1>… </H6> <B> </B>, <I> </I>, <U> </U> <SUP> </SUP>, <SUB> </SUB> &nbsp; <P align=“Left”> <P align=“Right”> <P align=“Center”><FONT size=“1…7” color=“color name” face=“name1, name2, name3, …> Colors – aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow

More Related