視訊資源：https://www.bilibili.com/video/BV14J4114768?from=search&seid=3842566320098741425
視訊記錄 26-55
超連結标簽
<a href="跳轉目标" target="目标視窗的彈出方式">文本</a>
anchor 意為“錨”
連結分類：
1. 外部連結
<a href="http://www.qq.com" target="_self">騰訊</a> // 目前視窗打開騰訊首頁
<a href="http://www.qq.com" target="_blank">騰訊</a> // 建立視窗打開騰訊首頁
2.内部連結（網站内部連結）
網站内部頁面之間的互相連結，直接連結内部頁面名。
<a href="xxx.htm" target="_self">騰訊</a> // 目前視窗打開xxx.html
<a href="xxx.html" target="_blank">騰訊</a> // 建立視窗打開xxx.html
3.空連結
目前沒有确定連結目标
<a href="#"></a>
4.下載下傳連結
href位址是一個檔案或者壓縮包，會下載下傳該檔案。
<a href="img.zip"></a>
5.網頁元素連結
網頁中各種網頁元素：文本、圖像、表格、音頻、視訊等都可以添加超連結。
<a href="www.baidu.com"><img src="img.jpg"></a>
6.錨點連結
快速定位至頁面中某個位置。
- href屬性設定屬性值為 "#名字"的形式，<a href="#two">第一集</a>
- 找到目标位置标簽，添加id屬性 = 剛才的名字，<h3 id="two">第一集介紹</h3>
注釋标簽
<!-- -->
注釋标簽裡的内容是給程式猿看的，不執行不顯示到頁面中。
特殊字元
重點記住：空格、大于、小于标簽。
表格标簽
表格不是用來布局頁面的，而是用來展示資料的。
表頭單元格标簽
表格屬性
<thead> 标簽表格的頭部區域
定義表格頭部，内部必須擁有<tr>标簽，一般位于第一行。
<tbody> 标簽表格的主體區域
定義表格的主體，主要用于存放資料本體。
合并單元格
1.跨行合并 rowspan="合并單元格的個數"，最上側單元格為目标單元格，寫合并代碼。
2.跨列合并 colspan="合并單元格的個數"，最左側單元格為目标單元格，寫合并代碼。
合并單元格三部曲
清單标簽
- 無序清單
- 無序清單的各個清單項之間沒有順序級别之分，是并列的。
- <ul></ul>中隻嵌套<li></li>。直接在<ul></ul>标簽中輸入其他标簽或者文字是錯誤的做法。
- <li></li>之間相當于一個容器，可以容納所有元素。
- 無序清單會帶有自己的樣式屬性，但在實際使用時會使用CSS來設定。
- 有序清單
- 有序清單即為有排列順序的清單，其各個清單項會按照一定的順序排列定義。
- <ol>标簽用于定義有序清單，清單排序以數字來顯示，并用<li>标簽來定義清單項。
- <ol></ol>中隻嵌套<li></li>。直接在<ol></ol>标簽中輸入其他标簽或者文字是錯誤的做法。
- <li></li>之間相當于一個容器，可以容納所有元素。
- 有序清單會帶有自己的樣式屬性，但在實際使用時會使用CSS來設定。
- 自定義清單
- 用于對術語或名次進行描述和解釋，定義清單的清單項沒有任何清單項目。
- 隻能包含dt和dd。dt和dd裡面可以放任何标簽
表單：為了收集使用者資訊
表單組成：表單域、表單控件（表單元素）和提示資訊。
表單域就是<form>标簽。
表單控件
- input（屬于單标簽）
- select 下拉表單元素
- 有多個選項提供選擇，并想要節約頁面空間。
- <select>中至少包含一對<option>
- 在<option>中定義selected="selected"時，目前項即為預設選中項。
- textarea 文本域元素
- 輸入内容較多時，無需使用表單。諸如網站介紹、留言、今日回報等