## HTML總結
[toc]
### 圖像標簽 img
- src 指定圖片路徑（相對路徑）
- alt 圖片沒有成功加載時顯示的文字
- title 鼠標懸浮時提示文字
- width
- height
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>下面是一張圖片</p>
<img src="../tv02.jpg" title="長虹彩電" width="250" height="100" alt="我本來是一張彩電圖片">
<img src="../image/tv05.jpg" title="長虹彩電" width="250" height="100" alt="我本來是一張彩電圖片">
</body>
</html>
```
#### 路徑問題
如果html文件和引用的圖片文件在同一個目錄中
src=“xxx.jpg”
如果圖片文件xxx.jpg在和html文件同級目錄bbb中
src=“bbb/xxx.jpg”
..可以去到上一級目錄
舉例：如果圖片文件xxx.jpg在aaa目錄，html文件在bbb目錄，aaa和bbb在同一個目錄中
src="../aaa/xxx.jpg"
### a標簽
超級鏈接屬性，跳轉到其他頁面
- href 指定跳轉地址
- target 在什么窗口打開
1. 默認 _self 在當前窗口打開新網頁
2. _blank 新窗口打開
錨定功能...
### 列表
- 無序列表 ul li
```
<ul>
<li>
我的電腦
<ul type="circle">
<li>
本地磁盤c
<ul type="square">
<li>我的文檔</li>
<li>我的收藏</li>
</ul>
</li>
<li>
本地磁盤d
<ul type="square">
<li>我的游戲</li>
<li>我的電影</li>
</ul>
</li>
</ul>
</li>
</ul>
```
- 有序列表 ol li
```
<h1>HTML在線考試試題</h1>
<ol>
<li>
HTML中，換行使用的標簽是（）。
<ol type="A">
<li>alt</li>
<li>href</li>
<li>src</li>
<li>addr</li>
</ol>
</li>
<li>
HTML中，換行使用的標簽是（）。
<ol type="A">
<li>alt</li>
<li>href</li>
<li>src</li>
<li>addr</li>
</ol>
</li>
<li>
HTML中，換行使用的標簽是（）。
<ol type="A">
<li>alt</li>
<li>href</li>
<li>src</li>
<li>addr</li>
</ol>
</li>
<li>HTML中，換行使用的標簽是（）。
<ol type="A">
<li>alt</li>
<li>href</li>
<li>src</li>
<li>addr</li>
</ol>
</li>
<li>
HTML中，換行使用的標簽是（）。
<ol type="A">
<li>alt</li>
<li>href</li>
<li>src</li>
<li>addr</li>
</ol>
</li>
</ol>
```
- 定義列表 dl dt dd
