1.1 HTML簡介
HTML，超文本标記語言；
超文本：指圖、文、聲、像、超連結；
标記：即預定義标簽；
語言：計算機程式設計語言；
1.2 HTML結構
<html>
<head>
</head>
<body>
</body>
</html>
1.3 文本标簽
1.3.1 文本修飾标簽
font标簽：行内元素，常用屬性color、size
b标簽：文字加粗；
strong标簽：文字強調；
u标簽：下劃線；
s标簽：删除線；
sub标簽：下标；
sup标簽：上标；
i标簽：斜體；
1.3.2 文本排版标簽
Hn标簽：塊級元素，标題，n的範圍是1-6；
p标簽：一個段落；
br标簽：換行；
hr标簽：分割線，常用屬性：size（高）、width（寬）、color（顔色）；
1.3.3 轉義字元
空格
1.4 圖像标簽
img标簽：常用屬性：src（圖檔路徑）、width（寬度）、height（高度）、alt（圖檔内容描述）、title（滑鼠懸停提示）
路徑詳解：
相對路徑：相對于檔案（html檔案）本身，圖檔所在的目錄位置，傳回上一級目錄，”../”；
絕對路徑：放之四海而皆準；
網絡路徑（URL）：http://IP(網址):端口/項目名/資源名?參數=值&參數=值
1.5 超連結
a标簽：常用屬性：href（資源路徑）、title（滑鼠懸停提示）、target（打開方式）
資源：
網絡資源：要使用http協定；
本地檔案資源：html檔案，圖檔，其他檔案類型；
1.6 清單
1.6.1 無序清單
<ul type="square">
<li>第一行</li>
<li>第一行</li>
<li>第一行</li>
<li>第一行</li>
<li>第一行</li>
<li>第一行</li>
</ul>
type屬性值：square（矩形）、circle（空心圓）、disc（實心圓）
1.6.2 有序清單
<ol type="1" start="5">
<li>這是一行</li>
<li>這是一行</li>
<li value="1">這是一行</li>
<li>這是一行</li>
<li>這是一行</li>
</ol>
1.7 表格
table标簽：表格，常用屬性border（邊框）、width（寬）、height（高）、align（對齊方式）
tr：行
td：單元格，常用屬性rowspan（合并行）、colspan（合并列）
th：标題
1.8 表單
<form action="a.html" name="" method="post">
<p>
使用者名：<input name="user" type="text" />
</p>
<p>
密碼：<input name="password" type="password" />
</p>
<p>
性别：
<input type="radio" name="sex" value="男" checked="checked"/>帥哥
<input type="radio" name="sex" value="女" />美女
</p>
<p>
出生日期：
<input name="date" type="date" /><br />
</p>
<p>
學曆：
<select name="xueli">
<option>請選擇</option>
<option value="中學">中學</option>
<option>大專</option>
<option>大學</option>
<option>研究所學生</option>
</select>
</p>
<p>
愛好：
<input type="checkbox" name="hobby" value="籃球"/>籃球
<input type="checkbox" name="hobby" value="足球"/>足球
<input type="checkbox" name="hobby" value="乒乓球"/>乒乓球
</p>
<p>
<input type="number" />
</p>
<p>
備注：
<textarea rows="10" cols="30"></textarea>
</p>
<input type="submit" value="注冊" />
<input type="reset" value="重置"/>
</form>
1.9 架構
1.9.1 内聯架構
iframe：屬性src（檔案資源路徑）、width（寬）、height（高）
frameset：
示例：
<frameset rows="90,*" border="0px">
<frame src="a.html" name="top" />
<frameset cols="150,*">
<frame src="b.html" name="left" />
<frame src="c.html" name="right" />
</frameset>
</frameset>
1.10 HTML事件
1.10.1 滑鼠事件
onmouseover：滑鼠移入元素後執行
onmouseout：滑鼠移除後執行
![ML&DEV[18] | 入職一周年：夯實基礎，持續深入[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)