Bigger-Mai 養成計劃，前端基礎學習之HTML

HTML 超文本標記語言（Hyper Text Markup Language）

　　一、一套規則，瀏覽器認識的規則。

　　二、開發者：

　　　　學習Html規則

　　　　開發後臺程序：

　　　　　　- 寫Html文件（充當模板的做用）@@@@

　　　　　　- 數據庫獲取數據，而後替換到html文件的指定位置（web框架）

　　三、本地測試

　　　　　　- 找到文件路徑，直接瀏覽器打開

　　　　　　- pycharm打開測試

　　4.編寫Html文件

　　　　　　- doctype對應關係

　　　　　　- html標籤，標籤內部能夠寫屬性

　　　　　　- 註釋：  <!-- 註釋的內容 -->　　

　　五、標籤分類
　　　　- 自閉合標籤
　　　　　　<meta charset="UTF-8">
　　　　- 主動閉合標籤
　　　　　　title>老男孩</title>
　　六、head標籤中
　　　　- <meta -> 編碼，跳轉，刷新，關鍵字，描述，IE兼容
　　　　<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;" />
　　　　- title標籤
　　　　- <link /> 搞圖標，欠
　　　　- <style />欠
　　　　- <script> 欠
　　七、body標籤
　　　　- 圖標， &nbsp; &gt; &lt;
　　　　- p標籤，段落
　　　　- br，換行

　　　　- 產生粗體字的 HTML 標籤 <b>

　　　　- 產生斜體字的 HTML 標籤 <i>

　　　　- hr 標籤訂義水平線
　　======== 小總結 =====
　　全部標籤分爲：
　　　　塊級標籤： div（白板），H系列（加大加粗），p標籤（段落和段落之間有間距）
　　行內標籤： span（白板）
　　標籤之間能夠嵌套
　　標籤存在的意義，css操做，js操做
　　　　ps:chorme審查元素的使用
　　　　- 定位
　　　　- 查看樣式
　　　　- h系列
　　　　- div
　　　　- span

　　　　- input系列 + form標籤
　　　　　　input type='text' - name屬性，value="趙凡"
　　　　　　input type='password' - name屬性，value="趙凡"
　　　　　　input type='submit' - value='提交' 提交按鈕，表單
　　　　　　input type='button' - value='登陸' 按鈕

　　　　　　input type='radio' - 單選框 value，checked="checked"，name屬性（name相同則互斥）
　　　　　　input type='checkbox' - 複選框 value, checked="checked"，name屬性（批量獲取數據）
　　　　　　input type='file' - 依賴form表單的一個屬性 enctype="multipart/form-data"
　　　　　　input type='rest' - 重置

　　　　　　<textarea >默認值</textarea> - name屬性
　　　　　-select標籤 - name,內部option value, 提交到後臺，size，multiple

　　　　　- a標籤
　　　　　　- 跳轉
　　　　　　- 錨 href='#某個標籤的ID' 標籤的ID不容許重複

　　　　　　- 製做電子郵件連接 <a href="mailto:xxx@yyy">

　　　　　- img 

　　　　　　src  規定顯示圖片的URL
　　　　　　alt  規定圖片的替代文本
　　　　　　title  

　　　　- 列表
　　　　　　ul  產生圓點符號開頭的列表
　　　　　　　　li
　　　　　　ol 產生數字符號開頭的列表
　　　　　　　　li
　　　　　　dl 產生分級的列表
　　　　　　　　dt
　　　　　　　　　　dd
　　　　- 表格
　　　　　　　　table
　　　　　　　　thead
　　　　　　　　　　tr
　　　　　　　　　　　　th
　　　　　　　　tbody
　　　　　　　　　　tr
　　　　　　　　　　　　td
　　　　　　colspan = 'num'合併行 
　　　　　　rowspan = 'num'合併列

　　　　

20個標籤