Embed Size (px)
DESCRIPTION
HTML Lists and Tables. Mr. Rouda’s CSCI 101 sections. Web Expression Tutorial. New Folder. New File. Code View. Format of Every Page. my page this is the body . Lists. Unordered Lists Ordered Lists - PowerPoint PPT Presentation
Citation preview
Mr. Rouda’s CSCI 101 sections
Web Expression TutorialNew Folder
Code View
New File
Format of Every Page<html><head> <title> my page </title></head><body>this is the body</body></html>
ListsUnordered ListsOrdered ListsDefinition Lists
Lists - UnOrdered List Example – UnOrdered - 1Here 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<ul><li> Do Laundry<li> Cut Grass<li> Clean House</ul><li> wednesday</ul>
Lists - OrderedList Example – Orderedchange the ul’s to ol’s
<ol><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>
Tablestables are grids of rows and columnsWe fill in each cell row by row Table Example – simple<table> <tr><td> AAAAAAAAA<td> BBB <tr><td> CCC<td> DDD </table>
TableTable Example – adding some space<table><tr><td> AAA<td>         <td> BBB<tr><td> CCC<td><td> DDD</table>
TableTable Example – border<table border=10><table border=10 cellspacing=20
cellpadding=30>
TableTable Example – lines<table rules=rows><table rules=cols><table rules=all>
TableTable Example - width<table rules=all width=50%><tr><td width=25%> AAA<td align=center> BBB<tr><td> CCC<td> DDD</table>
Next timeTalk about Paper
Images / Styles / CSS
