HTML學習day1
HTML網頁的基本結構
```angular2html
<!DOCTYPE html> 宣告為 HTML5 文件
<html> 元素是 HTML 頁面的根元素
<head> 元素包含了文件的元（meta）資料
<body> 元素包含了可見的頁面內容
```
通用宣告 （瞭解）
HTML5
```angular2html
<!DOCTYPE html>
```
HTML4.01
```angular2html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
```
XHTML1.0
```angular2html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
```
HTML標籤結構
HTML 標記標籤通常被稱為 HTML 標籤 (HTML tag)。
- HTML 標籤是由尖括號包圍的關鍵詞
- HTML 標籤通常是成對出現的
- 標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤
```angular2html
<開始標籤>內容</結束標籤>
```
HTML元素
"HTML 標籤" 和 "HTML 元素" 通常都是描述同樣的意思.
一個 HTML 元素包含了開始標籤與結束標籤
HTML屬性
- HTML 元素可以設定屬性
- 屬性一般新增在開始標籤
- 屬性一般以名稱/值對的形式出現，比如：name="value"。
**注意：**
- 屬性值必須用雙引號引起來
- 標籤都用小寫字母
- 雙標籤必須要寫閉合標籤
## HTML常用標籤
### 一、HTML常用的塊級標籤（塊級元素）
> 獨佔一行
#### 有語義的HTML塊級元素
> 有預設樣式
##### 標題（Heading）
> 通過H1～H6 標籤來定義的.
##### 段落
>通過標籤 p 來定義的.
##### 列表
無序列表 ul,li
> 是一個專案的列表,列專案使用粗體圓點（典型的小黑圓圈）進行標記
有序列表 ol,li
> 也是一個專案的列表，列表專案使用數字進行標記。
自定義列表 dl,dt,dd（瞭解）
**注意：**
列表項內部可以使用段落、換行符、圖片、連結以及其他列表等等。
##### 表格 table,tr,td
table常用屬性
- border 邊框
- cellpadding 內容距離表框的距離
- cellspacing 單元格和單元格之間的距離
- rowspan 垂直合併（跨行顯示）
- colspan 水平合併（跨列顯示）
- anglin 內容水平對其方式
- valign 內容垂直對其方式
#### 無意義的塊級元素 div
```angular2html
<div> 元素沒有特定的含義。除此之外，由於它屬於塊級元素，瀏覽器會在其前後顯示換行。
一般與 CSS 一同使用
<div> 元素的另一個常見的用途是文件佈局。它取代了使用表格定義佈局的老式方法。