Mr. Rouda’s CSCI 101 sections HTML Lists and Tables Mr. Rouda’s CSCI 101 sections
Web Expression Tutorial New Folder New File Code View
Format of Every Page <html> <head> <title> my page </title> </head> <body> this is the body </body> </html>
Lists Unordered Lists Ordered Lists Definition Lists
Lists - UnOrdered List Example – UnOrdered - 1 Here is a list of days. <ul> <li> monday </li> <li> tuesday </li> <li> wednesday </li> </ul> That is the end of the list.
Lists - UnOrdered List Example – UnOrdered - 2 <ul> <li> monday <li> tuesday <li> Do Laundry <li> Cut Grass <li> Clean House </ul> <li> wednesday
Lists - Ordered List Example – Ordered change the ul’s to ol’s <li> monday </li> <li> tuesday </li> <li> wednesday </li> </ol>
Lists - Definition Definition List <dl> <dt>Due Date: <dd>Next Class <dd>at 2:00pm </dl>
Tables tables are grids of rows and columns We fill in each cell row by row Table Example – simple <table> <tr> <td> AAAAAAAAA <td> BBB <td> CCC <td> DDD </table>
Table Table Example – adding some space <table> <tr> <td> AAA <td>         <td> BBB <td> CCC <td> <td> DDD </table>
Table Table Example – border <table border=10> <table border=10 cellspacing=20 cellpadding=30>
Table Table Example – lines <table rules=rows> <table rules=cols> <table rules=all>
Table Table Example - width <table rules=all width=50%> <tr> <td width=25%> AAA <td align=center> BBB <td> CCC <td> DDD </table>
Next time More HTML Stuff Images / Styles / CSS