Download presentation
Presentation is loading. Please wait.
1
Mr. Rouda’s CSCI 101 sections
HTML Lists and Tables Mr. Rouda’s CSCI 101 sections
2
Web Expression Tutorial
New Folder New File Code View
3
Format of Every Page <html> <head> <title> my page </title> </head> <body> this is the body </body> </html>
4
Lists Unordered Lists Ordered Lists Definition Lists
5
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.
6
Lists - UnOrdered List Example – UnOrdered - 2 <ul>
<li> monday <li> tuesday <li> Do Laundry <li> Cut Grass <li> Clean House </ul> <li> wednesday
7
Lists - Ordered List Example – Ordered change the ul’s to ol’s
<li> monday </li> <li> tuesday </li> <li> wednesday </li> </ol>
8
Lists - Definition Definition List <dl> <dt>Due Date:
<dd>Next Class <dd>at 2:00pm </dl>
9
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>
10
Table Table Example – adding some space <table> <tr>
<td> AAA <td>         <td> BBB <td> CCC <td> <td> DDD </table>
11
Table Table Example – border <table border=10>
<table border=10 cellspacing=20 cellpadding=30>
12
Table Table Example – lines <table rules=rows>
<table rules=cols> <table rules=all>
13
Table Table Example - width <table rules=all width=50%>
<tr> <td width=25%> AAA <td align=center> BBB <td> CCC <td> DDD </table>
14
Next time More HTML Stuff Images / Styles / CSS
Similar presentations
![>> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.](/24/7400148/big_thumb.jpg ">> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.>")
