html lists and tables

Post on 06-Jan-2016

38 Views

Category:

Documents

3 Downloads

Preview:

Click to see full reader

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

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> &nbsp &nbsp &nbsp &nbsp <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

top related