Mr. Rouda’s CSCI 101 sections
HTML Lists and Tables
Jan 06, 2016
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
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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
Related Documents
