Computer Science 1032A/B Lecture Notes - Javascript, Ssh File Transfer Protocol, Asteroid Family

23 views5 pages
CS1032 – HTML: Tables, Lists & Publishing a Webpage
1
Tables in HTML
<TABLE> & </TABLE> mark the beginning
and end of a table declaration
Attribute BORDER
Controls the width of the table border
Normal border=1
If omitted table displayed without a border
Tables in HTML
Tables declared one row at the time
Enclosed in <TR> & </TR> tags
Contains one or more cell declarations
Cells specified with <TD> & </TD>
Content inside the TD tags are displayed
as the content of the cell
Table Example
<TABLE BORDER=1>
<TR>
<TD>Row 1, Cell 1</TD>
<TD>Row 1, Cell 2</TD>
<TD>Row 1, Cell 3</TD>
</TR>
<TR>
<TD>Row 2, Cell 1</TD>
<TD>Row 2, Cell 2</TD>
<TD>Row 2, Cell 3</TD>
</TR>
</TABLE>
Lists
• Ordered
Marked with numbers/letters
• Unordered
Marked with bullets
Unlock document

This preview shows pages 1-2 of the document.
Unlock all 5 pages and 3 million more documents.

Already have an account? Log in
CS1032 – HTML: Tables, Lists & Publishing a Webpage
2
Ordered List
<OL> & </OL> tags
Within <OL> tag
list item, <LI> tag indicates the items on the list
Numbered list by default (1,2,3,4,...)
TYPE parameter controls the list numbers/letters
“A” – Letters( A,B,C,D,…)
“a” – lowercase letters (a,b,c,d,…)
“I” – Roman Numbers (I,II,III,IV,…)
“i” – lowercase roman numbers (i,ii,iii,iv,…)
Ordered List Example
<OL>
<LI>Sunday
<LI>Monday
<LI>Tuesday
<LI>Wednesday
<LI>Thursday
<LI>Friday
<LI>Saturday
</OL>
<html>
<head><title>Ordered List Examples</title></head>
<body>
<h4>Letters list:</h4>
<ol type="A">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li> </ol>
<h4>Lowercase letters list:</h4>
<ol type="a">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li> </ol>
<h4>Roman numbers list:</h4>
<ol type="I">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li> </ol>
<h4>Lowercase Roman numbers list:</h4>
<ol type="i">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li> </ol>
</body> </html>
Unordered List
<UL> & </UL> tags
Within <UL> tag
list item, <LI> tag indicates the items on the list
TYPE parameter controls the list bullets
Disc – solid disc (default)
Circle – hollow circle
Square – solid square symbol
Unlock document

This preview shows pages 1-2 of the document.
Unlock all 5 pages and 3 million more documents.

Already have an account? Log in

Get OneClass Notes+

Unlimited access to class notes and textbook notes.

YearlyBest Value
75% OFF
$8 USD/m
Monthly
$30 USD/m
You will be charged $96 USD upfront and auto renewed at the end of each cycle. You may cancel anytime under Payment Settings. For more information, see our Terms and Privacy.
Payments are encrypted using 256-bit SSL. Powered by Stripe.