一、超鏈接與目錄
1、目標：
- target="_blank" (打開新頁面)
- target=“_srlf” (本頁面跳轉)
- target=“_parent” (跳轉爲父頁面)
- target=“_top” (跳轉我最上層頁面)
2、目錄快捷鍵：
- 以一個反斜槓（/）開頭的目錄表示該目錄爲根目錄的一個子目錄
-
以一個點加一個反斜槓（./）開頭的目錄表示該目錄爲當前目錄（當前頁面所在的目錄的一個子目錄）
-
以兩個點加一個反斜槓（../）開頭的目錄表示該目錄爲當前目錄的父目錄
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>喵是個聽話的乖貓</h1>
<a href="../小貓貓">點擊進入father</a>
<a href="小小貓.html">點擊進入小小貓</a>
<a href="./小小貓.html">點擊進入小小貓</a>
<a href="/grandfather/貓貓.html">點擊進入貓貓</a>
<a href="../../貓貓.html">點擊進入貓貓</a>
</body>
</html>son爲小小貓 father爲小貓貓 grandfather爲貓貓
二、快捷鍵
accesskey屬性可以給超鏈接設置一個快捷鍵，tabindex屬性可以設置頁面上超鏈接的tab次序。
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a name="my">第一章</a>
<a href="#" tabindex="2">tab的第二次</a>
<a href="parent.html#my">跳轉第一章</a>
<a href="#" accesskey="a">執行跳轉</a>
<a href="#" tabindex="1">tab的第一次</a>
<br/><br/><br/><br/><br/><br/><br/>
</body>
</html>iframe:可以在一個HTML網頁中嵌入另一個HTML網頁
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="1.html" <span style="color:#ff0000;">target="main"</span>></a>
<iframe width=500 height=200 scrolling="auto" farmeboder=1<span style="color:#ff0000;"> name=main</span>></inframe
</body>
</html>- src指調用的外部網頁文件的路徑
- width、height：內部框架區域的寬度與高度
- scrolling：設置滾動條。no不出現滾動條，auto自動出現滾動條
- frameBorder：區域邊框的寬度，可選值爲0或1
- name:框架的名字
四、塊級函數與內嵌元素
不同之處：塊級函數定義的元素是換行的，而內嵌元素定義的文本是不換行的。
常見的塊級元素：div、列表元素（dl、UI、ol）、form、h1-h6、p、tableblockquote、fieldest、hr、pre等
內嵌元素：span、a、img、label、iframe、object、所有的表單輸入元素等
五、HTML表單1、http get協議：將數據與實際URL文本附加在一起，將數據傳遞帶目標，get的方式是不安全的，能傳輸的數據量較小
2、http post協議：將數據在http數據流中的編碼發送，post的方式是較爲安全的，能傳輸的數據量較大
3、id:表單名稱的唯一標識號
4、隱藏字段
功能：跟蹤表單有關的信息時，可以使用隱藏字段
- 隱藏表單不可見
- 一般有初始值
- 收集上一表單提交數據
- 所填數據與隱藏數據一併提交
5、文件的上傳控件
設置屬性，方便在表單中使用：
- 指定<form>的enctype屬性爲"form/multipart"
- 將method屬性設置爲post，而不是get
格式：<form id="myForm" method="post" > <input type="file" id="resume">
注：瀏覽器會自動在文件上傳控件旁邊加上一個瀏覽按鈕，讓用戶可以選擇本地硬盤上的一個文件
6、fieldlegnd和legend元素
field元素被用作表表單元素的一個容器，它在包含的元素的周圍顯示一個細邊框的盒子。legend元素放在field元素內部，在盒子上加上一個標題
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form id="myForm" action="#" method="post">
<fieldset>
<legend>性別</legend>
<p>
<input type="radio" name="gender" id="male" value="male">男</input><br/>
<input type="radio" name="gender" id="female" value="female">女</input>
</p>
</fieldset>
</form>
</body>
</html>