-Sept+9


 * Notes for September 9th's class**

In today's class we reviewed the code basics from last week, and layered in tables and internal CSS. We recreated our resume page, and migrated the content into a table format. We also learned more code. HTML is NOT case sensitive.

-background-color -width -borders -alignment
 * Internal CSS**

 background-color: {#ffffff;} width: {800px;} border: {1px solid #cccccc;}
 * Include in the tag:**

[|Source Link]
 * Tables

Example:
 * Rows **

Example:
 * Columns **

Headings in a table are defined with the tag.
 * Column Heading **

Example:

Output:
 * ~ Column 1 ||~ Column 2 ||~ Column 3 ||
 * Row 2 || Row 2 || Row 2 ||
 * Row 3 || Row 3 || Row 3 ||
 * Row 4 || Row 4 || Row 4 ||

Cells may span multiple rows and columns
 * Column/Row Span**



Control the distance between cells
 * Cellspacing**

Without cellspacing: With cellspacing:

Control the white space between cell content and the borders
 * Cellpadding**

Without cellpadding: With cellpadding:

Example
 * Bold **

Example
 * Italics **


 * Alignment**

Output:
 * ~ Money spent on.... ||~ January ||~ February ||
 * Clothes || $241.10 || $50.20 ||
 * Make-Up || $30.00 || $44.45 ||
 * Food || $730.40 || $650.00 ||
 * ~ Sum ||~ $1001.50 ||~ $744.65 ||

Defines a table footer
 * Footer**

Numbered
 * Ordered Lists**

<span style="FONT-FAMILY: Arial,Helvetica"><OL> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL>

<span style="FONT-FAMILY: Arial,Helvetica">Numbered Special Start

<span style="FONT-FAMILY: Arial,Helvetica"><OL start="5"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL>

<span style="FONT-FAMILY: Arial,Helvetica">Lowercase Letters <span style="FONT-FAMILY: Arial,Helvetica"><OL type="a"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL>

Capital Letters <span style="FONT-FAMILY: Arial,Helvetica"><OL type="A"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL>

Capital Letters Special Start <span style="FONT-FAMILY: Arial,Helvetica"><OL type="A" start="3"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL>

Lowercase Roman Numerals <span style="FONT-FAMILY: Arial,Helvetica"><OL type="i"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL>

Capital Roman Numerals <span style="FONT-FAMILY: Arial,Helvetica"><OL type="I"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL>

<span style="FONT-FAMILY: Arial,Helvetica">Capital Roman Numerals Special Start <span style="FONT-FAMILY: Arial,Helvetica"><OL type="I" start="7"> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </OL>


 * Unordered Lists <ul>**

Example 1:<BR /> <BR /> <UL> <LI>List item 1 <LI>List item 2 </UL> <BR /> Example 2:<BR /> <UL type="disc"> <LI>List item 1 <LI>List item 2 <UL type="circle"> <LI>List item 3 <LI>List item 4 </UL> </UL> Output: Example 1:
 * <span style="FONT-FAMILY: Arial,Helvetica">List item 1
 * <span style="FONT-FAMILY: Arial,Helvetica">List item 2

<span style="FONT-FAMILY: Arial,Helvetica">Example 2:
 * <span style="FONT-FAMILY: Arial,Helvetica">List item 1
 * <span style="FONT-FAMILY: Arial,Helvetica">List item 2
 * <span style="FONT-FAMILY: Arial,Helvetica">List item 3
 * <span style="FONT-FAMILY: Arial,Helvetica">List item 4

Color Values
HTML colors can be defined as a hexadecimal notation for the combination of Red, Green, and Blue color values (RGB). The lowest value that can be given to one light source is 0 (hex #00) and the highest value is 255 (hex #FF).

[|Link: Color chart and code]