mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-07 12:15:51 +00:00
126 lines
2.1 KiB
HTML
126 lines
2.1 KiB
HTML
<html>
|
|
<head>
|
|
<title>Example 3</title>
|
|
</head>
|
|
|
|
<body bgcolor="#FFFFFF">
|
|
<h1>Example 3: Basic Tables</h1>
|
|
<h2>Simple</h2>
|
|
<table border="1" width="75%">
|
|
<tr>
|
|
<td bgcolor="#3399FF">One</td>
|
|
<td>Two</td>
|
|
<td>Three</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Four</td>
|
|
<td>Five</td>
|
|
<td>Six</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Seven</td>
|
|
<td>Eight</td>
|
|
<td bgcolor="#990033">Nine</td>
|
|
</tr>
|
|
</table>
|
|
<h2>Row Span</h2>
|
|
<table border>
|
|
<tr>
|
|
<td rowspan=2 >c0r[0-1] Data 1 span=2 rows</td>
|
|
<td >c0r0</td>
|
|
<td >c1r0</td>
|
|
</tr>
|
|
<tr>
|
|
<td >c0r1</td>
|
|
<td >c1r1</td>
|
|
</tr>
|
|
<tr>
|
|
<td rowspan=5 background=bg.jpg>c0r[2-6],Data 2 span=5 rows</td>
|
|
<td >c0r2</td>
|
|
<td >c1r2</td>
|
|
</tr>
|
|
<tr>
|
|
<td >c0r3</td>
|
|
<td >c1r3</td>
|
|
</tr>
|
|
<tr>
|
|
<td >c0r4</td>
|
|
<td >c1r4</td>
|
|
</tr>
|
|
<tr>
|
|
<td >c0r5</td>
|
|
<td >c1r5</td>
|
|
</tr>
|
|
<tr>
|
|
<td >c0r6</td>
|
|
<td >c1r6</td>
|
|
</tr>
|
|
<tr>
|
|
<td rowspan=3 >c0r[7-9] span=3 rows</td>
|
|
<td >c0r7</td>
|
|
<td >c1r7</td>
|
|
</tr>
|
|
<tr>
|
|
<td >c0r8</td>
|
|
<td >c1r8</td>
|
|
</tr>
|
|
<tr>
|
|
<td >c0r9</td>
|
|
<td >c1r9</td>
|
|
</tr>
|
|
</table>
|
|
<h2>Col Span</h2>
|
|
<table border >
|
|
<tr>
|
|
<td colspan=8>r0c[0-7], span=8</td>
|
|
<td colspan=10>r0col[8-17], span=10 cols</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan=3>r1c[0-2], span=3</td>
|
|
<td colspan=5>r1c[3-7], span=5</td>
|
|
<td colspan=7>r1c[8-14], span=7</td>
|
|
<td colspan=3>r1c[15-17], span=3</td>
|
|
</tr>
|
|
<tr>
|
|
<td >r2c0</td>
|
|
<td >r2c1</td>
|
|
<td >r2c3</td>
|
|
<td >r2c4</td>
|
|
<td >r2c5</td>
|
|
<td >r2c6</td>
|
|
<td >r2c7</td>
|
|
<td >r2c8</td>
|
|
<td >r2c9</td>
|
|
<td >r2c10</td>
|
|
<td >r2c11</td>
|
|
<td >r2c12</td>
|
|
<td >r2c13</td>
|
|
<td >r2c14</td>
|
|
<td >r2c15</td>
|
|
<td >r2c16</td>
|
|
<td >r2c17</td>
|
|
<td >r2c18</td>
|
|
</tr>
|
|
</table>
|
|
<h2>Row and Col Span</h2>
|
|
<table border >
|
|
<tr>
|
|
<td colspan=2 rowspan=2>r[0-2]c[0-1]</td>
|
|
<td>r0c2</td>
|
|
<td>r0c3</td>
|
|
</tr>
|
|
<tr>
|
|
<td>r1c2</td>
|
|
<td>r1c3</td>
|
|
</tr>
|
|
<tr>
|
|
<td>r2c0</td>
|
|
<td>r2c1</td>
|
|
<td>r2c2</td>
|
|
<td>r2c3</td>
|
|
</tr>
|
|
</table>
|
|
<p> </p>
|
|
</body>
|
|
</html>
|