Python爬蟲、數據分析、網站開發等案例教程視頻免費在線觀看
https://space.bilibili.com/523606542
Python學習交流群：1039649593
列表標簽（重點）
HTML包含專門用於創建項目列表的元素。你可以創建普通列表、編號列表、符號列表以及描述列表，可以在一個列表中嵌套另外一個或多個列表。
所有的列表都是由主要元素和次要元素構成的。主要元素用於指定要創建的列表的類型，其中，ul 表示無序列表 （unordered list），ol 表示有序列表 （ordered list），dl 表示描述列表（description list；在HTML5之前稱為定義列表）。次要元素用於指定要創建的列表項目類型，其中，li 代表ol 或ul 中的列表項目，dt 和dd 分別代表dl 中的術語和描述。
在這些類型里面，無序列表是萬維網上最為常見的列表類型，它也是對大多數類型的導航進行標記的事實標准（本書有幾個這樣的例子）。不過，上述三種類型都各有用武之地
表格一般用於數據展示的，但是網頁中還是有很多跟表格類似的布局，如下圖~~ 我們用什么做呢？
答：
答案是列表， 那什么是列表？ 表格是用來顯示數據的，那么列表就是用來布局的。 因為非常整齊和自由
- 概念：容器里面裝載着結構，樣式一致的文字或圖表的一種形式，叫列表
- 特點：列表最大的特點就是 整齊 、整潔、 有序，跟表格類似，但是他可組合自由度會更高。
無序列表 ul （重點）
無序列表的各個列表項之間沒有順序級別之分，是並列的。其基本語法格式如下：
<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
......
</ul>
比如下面這些，新聞是沒有順序的，不用排隊，先到先得，后發布先顯示。
腳下留心：
1\. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>標簽中輸入其他標簽或者文字的做法是不被允許的。 2\. <li>與</li>之間相當於一個容器，可以容納所有元素。 3\. 無序列表會帶有自己樣式屬性，放下那個樣式，一會讓CSS來！
有序列表 ol （了解）
有序列表即為有排列順序的列表，其各個列表項按照一定的順序排列定義，有序列表的基本語法格式如下：
<ol>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
......
</ol>
所有特性基本與ul 一致。 但是實際中比 無序列表 用的少很多。
自定義列表（理解）
定義列表常用於對術語或名詞進行解釋和描述，定義列表的列表項前沒有任何項目符號。其基本語法如下：
<dl> <dt>名詞1</dt> <dd>名詞1解釋1</dd> <dd>名詞1解釋2</dd> ... <dt>名詞2</dt> <dd>名詞2解釋1</dd> <dd>名詞2解釋2</dd> ... </dl>
列表總結
我們現在還沒有學布局，現在只要保證2個點：
- 學會什么時候用無序列表， 學會什么時候用自定義列表
- 無序列表和自定義列表代碼怎么寫？
- 具體的我們剛才看的布局，等我們學了css 在來全面布局。
表單標簽(掌握)
目標：
- 能寫出最常用的注冊類表單
- 能說出input表單常見屬性
現實中的表單，類似我們去銀行辦理信用卡填寫的單子。 如下圖
作用：
表單目的是為了收集用戶信息。
在我們網頁中， 我們也需要跟用戶進行交互，收集用戶資料，此時也需要表單。
在HTML中，一個完整的表單通常由表單控件（也稱為表單元素）、提示信息和表單域3個部分構成。
表單控件：
包含了具體的表單功能項，如單行文本輸入框、密碼輸入框、復選框、提交按鈕、重置按鈕等。
提示信息：
一個表單中通常還需要包含一些說明性的文字，提示用戶進行填寫和操作。
表單域：
他相當於一個容器，用來容納所有的表單控件和提示信息，可以通過他定義處理表單數據所用程序的url地址，以及數據提交到服務器的方法。如果不定義表單域，表單中的數據就無法傳送到后台服務器。
input 控件(重點)
- 語法：<input type="屬性值" value="你好"> input 輸入的意思<input />標簽為單標簽type屬性設置不同的屬性值用來指定不同的控件類型除了type屬性還有別的屬性
- 常用屬性：
1. type 屬性
- 這個屬性通過改變值，可以決定了你屬於那種input表單。
- 比如 type = 'text' 就表示 文本框 可以做 用戶名， 昵稱等。
- 比如 type = 'password' 就是表示密碼框 用戶輸入的內容 是不可見的。
用戶名: <input type="text" /> 密 碼：<input type="password" />
2. value屬性值
用戶名:<input type="text" name="username" value="請輸入用戶名">
- value 默認的文本值。 有些表單想剛打開頁面就默認顯示幾個文字，就可以通過這個value 來設置。
3. name屬性
用戶名:<input type="text" name=“username” />
name表單的名字， 這樣，后台可以通過這個name屬性找到這個表單。 頁面中的表單很多，name主要作用就是用於區別不同的表單。
- name屬性后面的值，是我們自己定義的。
- radio 如果是一組，我們必須給他們命名相同的名字 name 這樣就可以多個選其中的一個啦
<input type="radio" name="sex" />男 <input type="radio" name="sex" />女
- name屬性，我們現在用的較少， 但是，當我們學ajax 和后台的時候，是必須的。
4. checked屬性
- 表示默認選中狀態。 較常見於 單選按鈕和復選按鈕。
性 別: <input type="radio" name="sex" value="男" checked="checked" />男 <input type="radio" name="sex" value="女" />女
上面這個，表示就默認選中了 男 這個單選按鈕
5. input 屬性小結
label標簽(理解)
目標：
label標簽主要目的是為了提高用戶體驗。 為用戶提高最優秀的服務。
概念：
label 標簽為 input 元素定義標注（標簽）。
作用：
用於綁定一個表單元素, 當點擊label標簽的時候, 被綁定的表單元素就會獲得輸入焦點。
如何綁定元素呢？
- 第一種用法就是用label直接包括input表單。
<label> 用戶名： <input type="radio" name="usename" value="請輸入用戶名"> </label>
適合單個表單選擇
- 第二種用法 for 屬性規定 label 與哪個表單元素綁定。
<label for="sex">男</label> <input type="radio" name="sex" id="sex">
當我們鼠標點擊 label標簽里面的文字時， 光標會定位到指定的表單里面
textarea控件(文本域)
- 語法：
<textarea >
文本內容
</textarea>
- 作用：通過textarea控件可以輕松地創建多行文本輸入框.cols="每行中的字符數" rows="顯示的行數" 我們實際開發不用
文本框和文本域區別
select下拉列表
目的：
如果有多個選項讓用戶選擇，為了節約空間，我們可以使用select控件定義下拉列表.
語法：
<select>
<option>選項1</option>
<option>選項2</option>
<option>選項3</option>
...
</select>
- 注意：
- <select> 中至少包含一對 option
- 在option 中定義selected =" selected "時，當前項即為默認選中項。
- 但是我們實際開發會用的比較少
form表單域
- 收集的用戶信息怎么傳遞給服務器？通過form表單域
- 目的：在HTML中，form標簽被用於定義表單域，以實現用戶信息的收集和傳遞，form中的所有內容都會被提交給服務器。
表單有三個重要的組成部分：
form 元素，其中包含用於處理表單的腳本的URL和處理表單的方法（post 或get ）；
表單元素，如字段和選擇框（復選框、下拉菜單、單選按鈕）；
提交按鈕，用於觸發向服務器上的接聽腳本發送數據的動作
**語法: **
<form action="url地址" method="提交方式" name="表單名稱"> 各種表單控件 </form>
常用屬性：
注意:
每個表單都應該有自己表單域。我們現在做頁面，不寫看不到效果，但是 如果后面學 ajax 后台交互的時候，必須需要 form表單域。
綜合案例（注冊頁面）
