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 - Un. Ordered List Example – Un. Ordered - 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 - Un. Ordered List Example – Un. Ordered - 2 <ul> <li> monday <li> tuesday <ul> <li> Do Laundry <li> Cut Grass <li> Clean House </ul> <li> wednesday </ul>
Lists - Ordered List Example – Ordered change the ul’s to ol’s <ol> <li> monday </li> <li> tuesday </li> <li> wednesday </li> </ol>
Lists - Definition List <dl> <dt>Due Date: <dd>Next Class <dd>at 2: 00 pm </dl>
Tables tables are grids of rows and columns We fill in each cell row by row Table Example – simple <table> <tr> <td> AAAAA <td> BBB <tr> <td> CCC <td> DDD </table>
Table Table Example – adding some space <table> <tr> <td> AAA <td>   <td> BBB <tr> <td> CCC <td> DDD </table>
Table Example – border <table border=10> <table border=10 cellspacing=20 cellpadding=30>
Table Example – lines <table rules=rows> <table rules=cols> <table rules=all>
Table Example - width <table rules=all width=50%> <tr> <td width=25%> AAA <td align=center> BBB <tr> <td> CCC <td> DDD </table>
Next time More HTML Stuff Images / Styles / CSS
Скачать презентацию HTML Lists and Tables Mr Rouda s CSCI 101
4b58683ca74387ef4654d322ff8d6c1d.ppt