在HTML頁面中，我們經常要插入表格，鏈接，或者一些圖像的信息，畢竟，一個頁面如果只有文字，那會是多麼令人厭惡的一件事。
1. HTML表格
<table>標籤定義表格，<tr>定義表格中的行，<td>定義一行中的若干單元格。單元格中可以包含文本、圖片、列表、段落、表單、水平線、表格等等元素。
<html>
<body>
<!-- 表格邊框屬性定義，不定義表示無邊框 -->
<table border="1">
<tr>
<td>第一行，第一列</td>
<td>第一行，第二列</td>
</tr>
<tr>
<td>第二行，第一列</td>
<td>第二行，第二列</td>
</tr>
</table>
</body>
</html>效果：
| 第一行 | 第一行 |
|---|---|
| 第一行，第一列 | 第一行，第二列 |
| 第二行，第一列 | 第二行，第二列 |
表格的表頭使用<th> 標籤進行定義。大多數瀏覽器會把表頭顯示爲粗體居中的文本。
<th>作爲列表頭時，統一在<table>標籤之後定義。
<html>
<body>
<!-- 表格邊框屬性定義，不定義表示無邊框 -->
<table border="1">
<th>第一行</th>
<th>第二行</th>
<tr>
<td>第一行，第一列</td>
<td>第一行，第二列</td>
</tr>
<tr>
<td>第二行，第一列</td>
<td>第二行，第二列</td>
</tr>
</table>
</body>
</html>效果：
| 第一行 | 第二行 |
|---|---|
| 第一行，第一列 | 第一行，第二列 |
| 第二行，第一列 | 第二行，第二列 |
空格表單元的顯示<td> </dt>，標籤中間加上空格，如下：
<html>
<body>
<!-- 表格邊框屬性定義，不定義表示無邊框 -->
<table border="1">
<th> </th>
<th>第一行</th>
<th>第二行</th>
<tr>
<th>第一列</th>
<td> </td>
<td> </td>
</tr>
<tr>
<th>第二列</th>
<td> </td>
<td>第二行，第二列</td>
</tr>
</table>
</body>
</html>效果：
| 第一行 | 第二行 | |
|---|---|---|
| 第一列 | ||
| 第二列 | 第二行，第二列 |
<caption>定義表格標題，緊跟在<table>之後定義。
2. HTML鏈接
<a>標籤創建鏈接。
href屬性創建指向另一個文檔(另一個頁面)的鏈接
name屬性創建文檔內的書籤(本頁面)
target 屬性，定義被鏈接的文檔在何處顯示(本頁面/新建頁面)
<a href="#lable">跳到最上面去</a>效果：
3. HTML圖像
<img>標籤定義圖像。
- src屬性的值爲圖像的URL地址(圖片絕對路徑，相對路徑，網絡鏈接)
- alt 屬性用來爲圖像定義一串預備的可替換的文本，在圖片無法正常顯示時，顯示此文本。
<body>的background屬性可以設置背景圖片。