eg-259:xhtml
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
eg-259:xhtml [2012/01/20 14:47] – [Table Rows and Cells] eechris | eg-259:xhtml [2012/01/20 14:56] – [Exercises to Demonstrate Tables] eechris | ||
---|---|---|---|
Line 838: | Line 838: | ||
---- | ---- | ||
- | <code html> | + | <code html|An example of a simple table> |
< | < | ||
<!-- table.html | <!-- table.html | ||
Line 954: | Line 954: | ||
* Download the colspan/ | * Download the colspan/ | ||
<code html> | <code html> | ||
- | <?xml version = " | + | < |
- | < | + | |
- | " | + | |
<!-- cell_span.html | <!-- cell_span.html | ||
- | An example to illustrate rowspan and colspan | + | An example to illustrate rowspan and colspan |
- | | + | --> |
- | < | + | <html lang=" |
- | < | + | < |
+ | <meta charset=" | ||
+ | | ||
</ | </ | ||
< | < | ||
- | <table border = " | + | |
- | < | + | < |
+ | | ||
+ | | ||
<tr> | <tr> | ||
<td rowspan = " | <td rowspan = " | ||
Line 998: | Line 999: | ||
</ | </ | ||
</ | </ | ||
- | |||
- | |||
- | //**Tables – alignment**// | ||
- | |||
- | * The align attribute controls the horizontal placement of the contents in a table cell | ||
- | * '' | ||
- | * Values are '' | ||
- | * note the American English spelling of '' | ||
- | * The '' | ||
- | * '' | ||
- | * Values are '' | ||
- | * Example of cell alignment: [[/ | ||
- | <code html> | ||
- | <?xml version = " | ||
- | < | ||
- | " | ||
- | |||
- | <!-- cell_align.html | ||
- | An example to illustrate align and valign | ||
- | | ||
- | <html xmlns=" | ||
- | < | ||
- | </ | ||
- | < | ||
- | <table border = " | ||
- | < | ||
- | <tr align = " | ||
- | <th> </th> | ||
- | < | ||
- | < | ||
- | < | ||
- | </tr> | ||
- | <tr> | ||
- | <th> align </th> | ||
- | <td align = " | ||
- | <td align = " | ||
- | <td align = " | ||
- | </tr> | ||
- | <tr> | ||
- | <th> <br /> valign <br /> <br /> </th> | ||
- | <td> Default | ||
- | <td valign = " | ||
- | <td align = " | ||
- | </tr> | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | |||
- | //**Tables -- cell spacing**// | ||
- | |||
- | * The '' | ||
- | * The '' | ||
- | * Example: [[/ | ||
- | <code html> | ||
- | <?xml version = " | ||
- | < | ||
- | " | ||
- | |||
- | <!-- space_pad.html | ||
- | An example that illustrates the cellspacing and | ||
- | | ||
- | | ||
- | <html xmlns = " | ||
- | < | ||
- | </ | ||
- | < | ||
- | < | ||
- | <table border = " | ||
- | <tr> | ||
- | <td> Small spacing, </td> | ||
- | <td> large padding </td> | ||
- | </tr> | ||
- | </ | ||
- | <br /><br /><br /><br /> | ||
- | < | ||
- | <table border = " | ||
- | <tr> | ||
- | <td> Large spacing, </td> | ||
- | <td> small padding </td> | ||
- | </tr> | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | |||
- | |||
===== Table Sections ===== | ===== Table Sections ===== | ||
Line 1097: | Line 1011: | ||
* You can make up the data cell values. | * You can make up the data cell values. | ||
- Modify, test and validate an XHTML document from Exercise 1 to add a second level column label, Tree, and a second-level row label, Characteristics. | - Modify, test and validate an XHTML document from Exercise 1 to add a second level column label, Tree, and a second-level row label, Characteristics. | ||
- | - Create, test and validate an XHTML document to describe a table with columns for country, national language, capital city and population. There must be at least five countries in the table. You must include attribute specifications for cell padding and cell spacing. | + | - Create, test and validate an XHTML document to describe a table with columns for country, national language, capital city and population. There must be at least five countries in the table. |
eg-259/xhtml.txt · Last modified: 2012/02/01 20:18 by eechris