各位大家好，我是喵橘，今天 HTML 設計整合練習，有一些練習題目和解析，重新複習之前所學的知識：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"> <!-- 設定萬國碼 -->
<title>喵橘的自我介紹</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="7" align="center" width="100%">自我介紹</th>
</tr>
<tr>
<td rowspan="4" align="center" width="50%">
<img src="./img/water.jpg" width="400" height="300"></img>
</td>
<tr>
<td colspan="2" align="center" width="10%">姓名</td>
<td align="center" width="15%" bgcolor="orange">喵橘</td>
<td colspan="2" align="center" width="10%">出生</td>
<td align="center" width="15%">2019/09/18</td>
</tr>
</tr>
<tr>
<td colspan="2" align="center" width="10%">地區</td>
<td align="center" width="15%">
<a href="https://zh.wikipedia.org/wiki/%E8%87%BA%E5%8D%97%E5%B8%82"
target="Tainan">台南市</a>
</td>
<td colspan="2" align="center" width="10%">電話</td>
<td align="center" width="15%"><a href="tel:0973065990">0973065990</a></td>
</tr>
<tr>
<td colspan="3" align="center" width="25%">E-mail</td>
<td colspan="3" align="center" width="25%">
<a href="mailto:a872892010@gmail.com">a872892010@gmail.com</a>
</td>
</tr>
<tr>
<td colspan="7" align="center" width="100%">相關影片</td>
</tr>
<tr>
<td colspan="7" width="100%">
<p align="center"><b>大學影片</b></p>
<ol>
<li>
<a href="https://www.youtube.com/watch?v=y7rz9wJ87yc"
target="game">手機音樂遊戲</a>
</li>
<li>
<a href="https://www.youtube.com/watch?v=9LnnSrPELp8"
target="class">就業學程</a>
</li>
</ol>
<p align="center"><b>研究所影片</b></p>
<ul>
<li>
<a href="https://www.youtube.com/watch?v=MkfZMsG9Pg8"
target="mining">知識探索-認識 Data mining</a>
</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
小測驗圖示：
以上是綜合之前所有小測驗所整理的，但可以發現雖然有製作好，但感覺都不能叫一個有質感的網頁，之後這一個網頁就要去用CSS來作出一個有色彩的自我介紹。
我簡單的整理一些問答，讓大家可以簡單看一下問題，試試自己是否可以回答出來。
搜尋引擎優化(英語：search engine optimization，縮寫為SEO)，是一種透過自然排序，並沒有花費任何廣告費，並運用各種技巧來增加網頁能見度的行銷方法，如下圖所顯示。SEO到現在已經變成一們相當重要的技術，我就簡單地說一下。
在一個網頁裡嵌入圖片，請記得可以添加一些內容，可以進而增加 SEO 曝光率。以下提供如何用圖片來增加 SEO 分數：
今天是講解 HTML 設計整合練習，也補充說明SEO的一些相關基礎知識，往後有時間再詳細解釋，明天開始講解CSS部分，感恩大大們的到來。
iThome鐵人賽
看影片追技術