Today’s topics are more HTML including an intro to Tables, and CSS. Reading is HTML & CSS chapter 6 (tables) and chapter 10 (CSS). Also here's another tutorial site from Shay Howe that goes from the basics through CSS, etc. In addition to the first coding you did, you can do more with HTML, but most of this has been superceded by CSS. For example, you can:
- Modify horizontal rules:
- Change the alignment of text with <div align="right">
This is centered.
Right-aligned using <div align="right">- Align an image as you did with a paragraph, adding <img align="right" /> to align the image to the right side:
- 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.
Tables are made up of three types of tags: table (to start the table), tr (to start a table row), and td (to start a table data cell). And remember, what you start you must finish, using the </table> or </tr> or </td> tag.<table border="1">
<tr>
<td>A is for apple.</td>
<td>B</td>
</tr>
<tr>
<td>C></td>
<td>D is for dog.</td>
</tr>
</table>The code above will result in the following table:
A is for apple. B C D is for dog.
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.
Finally, if we have time we'll take a look at a video from Sitepoint publishing that I bought, and here is a PDF tutorial I got from a workshop I attended.
Site maintained by John Beatty