View
38
Download
3
Category
Preview:
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
Recommended