2012-04-21 21:09:26Morris
[HTML] More with HTML
Better Tables
<html>
<head>
<title>Table Fable</title>
</head>
<body>
<table border="1px">
<tbody>
<tr>
<td>Helen Mirren</td>
<td>1945</td>
</tr>
<tr>
<td>Brad Pitt</td>
<td>1963</td>
</tr>
<tr>
<td>Ryan Gosling</td>
<td>1980</td>
</tr>
</tbody>
</table>
</body>
</html>
<html>
<head>
<title>Table Fable</title>
</head>
<body>
<table border="1px">
<thead>
<tr>
<th>Actor</th>
<th>Birth Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>Helen Mirren</td>
<td>1945</td>
</tr>
<tr>
<td>Brad Pitt</td>
<td>1963</td>
</tr>
<tr>
<td>Ryan Gosling</td>
<td>1980</td>
</tr>
</tbody>
</table>
</body>
</html>
<html>
<head>
<title>Table Fable</title>
</head>
<body>
<table border="1px">
<thead>
<tr>
<th colspan="2">Actors by Birth Year</th>
</tr>
<tr>
<th>Actors</th>
<th>Birth Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>Helen Mirren</td>
<td>1945</td>
</tr>
<tr>
<td>Brad Pitt</td>
<td>1963</td>
</tr>
<tr>
<td>Ryan Gosling</td>
<td>1980</td>
</tr>
</tbody>
</table>
</body>
</html>
<html>
<head>
<title>Table Fable</title>
</head>
<body>
<table style="border-collapse:collapse;">
<thead>
<tr>
<th colspan="2" style="color:red">Actors by Birth Year</th>
</tr>
<tr style="border-bottom:1px solid black;">
<th style="padding:5px;"><em>Actor</em></th>
<th style="padding:5px;border-left:1px solid black;"><em>Birth Year</em></th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding:5px;">Helen Mirren</td>
<td style="padding:5px;border-left:1px solid black;">1945</td>
</tr>
<tr>
<td style="padding:5px;">Brad Pitt</td>
<td style="padding:5px;border-left:1px solid black;">1963</td>
</tr>
<tr>
<td style="padding:5px;">Ryan Gosling</td>
<td style="padding:5px;border-left:1px solid black;">1980</td>
</tr>
</tbody>
</table>
</body>
</html>
<html>
<!-- this is my html-->
<head>
<title>My HTML</title>
</head>
<body>
<table style="border-collapse:collapse;">
<thead>
<th>
<tr style="border-bottom:1px solid black;">
<td><strong>My Submission</strong></td>
<td style="padding:5px;border-left:1px solid black;"><strong>Times</strong></td>
</tr>
</th>
</thead>
<tbody>
<tr>
<td>AC</td>
<td style="padding:5px;border-left:1px solid black;">340</td>
</tr>
<tr>
<td>WA</td>
<td style="padding:5px;border-left:1px solid black;">316</td>
</tr>
</tbody>
</table>
</body>
</html>
最後一個程式碼的實做 :
|
| |
|---|---|
| My Submission | Times |
| AC | 340 |
| WA | 316 |