注釋
<!-- 注釋內容 -->
標簽使用樣式
開始標簽<a > 標簽體 </a>結束標簽
自閉合標簽，eg：<br>,<hr>,<input><img>
標簽屬性
- 通常為鍵值對形式出現，eg：color=“red” id = ‘new’
- 屬性只能出現在開始標簽和自閉合標簽內
- 屬性名字全部小寫，屬性值必須用單引或者雙引包裹
- 如屬性名和屬性值完全一樣，直接寫屬性名即可，eg：“readonly”（input標簽屬性）
塊級標簽和行內標簽
塊級標簽：<p>、<h1>、<table>、<ol>、<ul>、<form>、<div>
行內標簽：<a>、<input/>、<img/>、<sub>、<sup>、<textarea>、<span>
- 塊級元素的特點
- 總在新行上開始
- 高度，行高以及外邊距和內邊距都可控制
- 寬度預設，則是它容器的100%
- 可以容納行內元素和其他塊元素
- inline元素特點
- 和其他元素在一行上
- 高，行高以及外邊距和內邊距不可改變
- 寬度就是其文字或圖片寬度，不可改變
- 行內元素只能容納文本或者其他行內元素
- 行內元素注意
- 設定寬度width無效
- 設定高度height無效
- 設定margin只有左右margin有效，上下無效
- 設定padding只有左右padding有效，上下則無效，注意元素范圍是增大了，但是對元素周圍的內容是沒影響的
串列標簽
- 無序串列
- ul---li
- 有序串列
- ol---li
- 定義串列
- dl---dt---dd
- 快捷鍵
- ul>li*n
- ol>li*n
- dl>dt+dd*n
- pycharm中按table鍵生效
- 其它標簽也可這樣生成、比如 table
圖片標簽
<img src=https://www.cnblogs.com/jiyu-hlzy/p/"圖片地址" alt="下載失敗時的替換文字" title="提示文本"/>
超鏈接標簽
<a href=https://www.cnblogs.com/jiyu-hlzy/p/"目標網址" title="滑鼠滑過顯示的文本" target="_blank">鏈接顯示的文本
還能做錨點，進行跳轉
跳轉
跳轉到這里
行內元素和塊級元素的轉換
- 行內元素→塊級元素
- display : block;
- 塊級元素→行內元素
- display : inline;
- display : inline;
特殊符號
特殊符號以 & 開頭，分號結尾
< > " ? ? " &
< > " © ® " &
空格： 
表格
- 表格標簽：table
- 行：tr
- 列：td
- 合并行：rowspan
- 合并列：colspan
表單
- action：提交時候的地址，默認使用當前頁面
- method：提交時候的方法，有get 和 post 兩種方法，默認使用 get
- entype：設定編碼格式
- 默認：application/x-www-form-urlencoded
- 上傳檔案：multipart/form-data
- input標簽
- name屬性：表單與后臺互動時最重要的一個屬性，要求input標簽都帶上
- value屬性：表單提交項的值
- type屬性
- type="button"/"reset"/"submit"
- type="text"/"password"/"hidden"
- type=“checkbox"/"radio"/"image"
- 常用的type屬性值
- text：文本框
- password：密碼框
- radio：單選框
- checkbox：復選框
- file：檔案選擇
- hidden：隱藏域
- submit：提交
- reset：重置
- 其它屬性
- placeholder：提示資訊（ 提高用戶體驗度）
- readonly：只讀
- disabled：禁用
- value：input的值，單選多選下拉框必須設定value屬性，這樣后臺才能獲得你選中的到底是哪個或哪幾個選項
- textarea標簽：文本域，一般用于多行文本
- select標簽
- 下拉框，一般用于選項
- option：下拉選項
- 下拉框的基本標簽，有多少個option 就有多少個下拉選項
- selected：下拉狀態
- 表示選中某個下拉選項
- size：下拉框顯示
- 表示下拉框，顯示多少個，默認為一個
- name：下拉框的名字
- 表示下拉框向后臺提交資料的時候，所傳的名字
- fieldset 標簽：給表單設定分組
- legend 標簽：設定分組表單的標題
- label 標簽：提高用戶體驗度
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/24930.html
標籤：HTML5