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