瀏覽器（內(nèi)核）
- Chrome（Blink）
- Firefox （Gecko）
- Safari （Webkit）
- Opera （Presto）
- IE (Trident)
meta標(biāo)簽：
指定編碼字符集，告訴瀏覽器用哪種字符集解析文件。
utf-8字符集：
包含世界上所有的文字。（被稱為萬國碼）
保存文件時(shí)報(bào)存格式要和mate標(biāo)簽指定的字符集格式保持一致，不然還是會(huì)亂碼
標(biāo)簽分類
- 單標(biāo)簽：不需要包裹內(nèi)容的。
- 雙標(biāo)簽：需要包裹內(nèi)容的。
標(biāo)簽的作用
- 標(biāo)簽的作用不是給標(biāo)簽內(nèi)的東西設(shè)置樣式，設(shè)置樣式其實(shí)是瀏覽器干的事，標(biāo)簽只負(fù)責(zé)讓瀏覽器識(shí)別它是什么，瀏覽器會(huì)再根據(jù)它的類型設(shè)置對(duì)應(yīng)的樣式。
DTD文檔聲明
樣式為:
<doctype html>，大小寫沒限制，都行。由于HTML先后有多個(gè)規(guī)范出臺(tái)，不同規(guī)范可能存在語法差異，所以要搞用DTD文檔告訴瀏覽器我這是用哪一種規(guī)范寫的。
- DTD文檔聲明必須寫在文件的第一行?。?！
<DOCTYPE HTML> #文件第一行?。?！
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
- 不寫DTD文檔聲明文件也能正常運(yùn)行，但這是規(guī)范要求，所以必須要寫。
Web標(biāo)準(zhǔn)規(guī)范
- Web標(biāo)準(zhǔn)有很多規(guī)范，而html5規(guī)范是向下兼容的，采用html5規(guī)范的文檔可以適用于任意規(guī)范。
Webtorm操作技巧
快速新建文件：
Ctrl + Alt +Insert光標(biāo)跳動(dòng)到行末：
End光標(biāo)跳動(dòng)到行首：
Home光標(biāo)多行閃爍：按住
Alt，上下拖動(dòng)鼠標(biāo)快速復(fù)制光標(biāo)所在行：
Ctrl + D快速刪除光標(biāo)所在行：
Ctrl + X快速給內(nèi)容包裹標(biāo)簽：選中內(nèi)容，按下
Ctrl + Alt + T，再按回車輸入標(biāo)簽名就好了。設(shè)置文本超過屏幕自動(dòng)換行：
在Webpack里，進(jìn)入File--Setting--Editor--General，在Soft Wraps里勾選Use soft wraps in editor，點(diǎn)擊OK設(shè)置完成。快速上下移動(dòng)選中內(nèi)容:
Ctrl +Shift + ↑（方向鍵上）
Ctrl +Shift + ↓（方向鍵上）快速合并/展開標(biāo)簽:
選中標(biāo)簽，按下
Ctrl+-
Ctrl++快速新啟一行:
Shift + Enter生成標(biāo)簽結(jié)構(gòu)
各標(biāo)簽作用
（這是不嚴(yán)謹(jǐn)?shù)恼f法，因?yàn)闃?biāo)簽其實(shí)只負(fù)責(zé)標(biāo)記，這里應(yīng)該理解成瀏覽器對(duì)各個(gè)標(biāo)簽的渲染效果）
- p標(biāo)簽：讓元素獨(dú)占一行
- hr標(biāo)簽：生成一條獨(dú)占一行的分割線
注釋
- 語法：
<!-- 注釋內(nèi)容 -->
- 注釋快捷鍵：
Ctrl + /
img標(biāo)簽
- 作用：插入圖片
屬性
- src（設(shè)置圖片路徑）
<img src="url地址">
- width、height（指定寬高）
<img src="url地址" width="100px" height="100px">
不指定寬高時(shí)將是默認(rèn)寬高，指定寬高中的一方，圖片會(huì)等比例變化。
<img src="url地址" width="100px">
或
<img src="url地址" height="100px">
- title(鼠標(biāo)懸停時(shí)，彈出圖片描述框，內(nèi)容就是title的值)
<img src="url地址" width="100px" title="這是一張圖片">
-alt（圖片加載失敗時(shí)顯示的信息）
<img src="url地址" width="100px" alt="對(duì)不起，圖片不見了~" >
img標(biāo)簽不會(huì)獨(dú)占一行
a標(biāo)簽
- 屬性
href
<a href="url">鏈接</a>
taget
<a href="url" taget="-self"> 鏈接</a> 在當(dāng)前頁面打開鏈接（默認(rèn)）
<a href="url" taget="-blank"> 鏈接</a> 在新的網(wǎng)頁中打開鏈接
title
<a href="url" title="這是標(biāo)題提示">鏈接</a>
列表
- 無序列表
<ul>
<li> </li>
<li> </li>
<li> </li>
</ul>
- 有序列表
<ol>
<li> </li>
<li> </li>
<li> </li>
</ol>
表格
表格結(jié)構(gòu)：
<table>
<tr>
<td>1.1</td>
<td>1.2</td>
<td>1.3</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
<td>2.3</td>
</tr>
<tr>
<td>3.1</td>
<td>3.2</td>
<td>3.3</td>
</tr>
</table>
效果是一個(gè)三行三列的表格,如下圖
| 1.1 | 1.2 | 1.3 |
|---|---|---|
| 2.1 | 2.2 | 2.3 |
| 3.1 | 3.2 | 3.3 |
表格寬高默認(rèn)由內(nèi)容撐開，也可以通過width、height屬性設(shè)置。
表格border默認(rèn)是0
