Web Development
DART 230

• Tables site from:
  Kathleen
  and CSS from Nico
  
  Today’s topics are more HTML including an intro to Tables, and CSS. Reading is HTML5 and CSS3 chapter 18 (tables) and chapters 7 and 8 (CSS). In addition to the first coding you did, you might want to know how to
  (Check the code on this page:)
  1. Modify horizontal rules:

     ---

  2. Change the numbers in ordered lists:
     1. Try type="a" for small letters
     2. type="A" for capital letters
     3. type="I" for cap Roman numerals
     4. type="i" for small Roman numerals
     5. type="1" for numbers (the default)
  3. Change the bullets in unordered lists:
     • The square ones are type=square (default for third level)
     • Open circles are type="circle" (default for second level)
     • Solid circles are type="disc" (default for first level)
  4. Change the alignment of text with <div align="right">
     
     This is centered.
     
     
     Right-aligned using <div align="right">
  5. Align an image as you did with a paragraph, adding <img align="right"> to align the image to the right side:
  6. Create an e-mail link. Note that mailto: links should be the e-mail address: beatty@lasalle.edu not E-mail me! although to foil spambots consider using an image.
  
  Now on to Tables.
  
  You should understand the code behind the following demo I put together: CSS demo. For reference, keep a copy of the "cheat sheet" handout from about.com. Next week we'll use their layout cheat sheet. To explore the topic further, here is a Web site I put together as a CSS Tutorial.
  Finally, for future reference, here is a video from Sitepoint publishing that I got permission to show, and here is a PDF tutorial I got from a workshop I attended.

Site maintained by John Beatty