head內常見標籤

title
style
　　內部可以直接書寫css程式碼調節html樣式
　　但是嚴格意義上來說不同的語言應該存放在不同的資料夾內
link
　　通過href引數引入外部css檔案((絕對路徑與相對路徑))
script
　　內部可以直接書寫js程式碼
　　也可以通過src引數引入外部的js檔案(絕對路徑與相對路徑)
meta
　　定義網頁源資訊
　　　　引數description
　　　　　　定義網站的簡介
　　　　引數keyword
　　　　　　定義使用者可能搜尋到的關鍵字 增加網頁被搜尋到的概率

(針對head內標籤 有一個大致的認識即可 無需深究)

body內常見標籤(重要)

1.為什麼有些標籤獨佔一行 有些標籤不佔呢?(重要)
　　html標籤分為兩大類
　　　　1.行內標籤 b s u i
　　　　　　自身文字多大就佔多大

　　　　2.塊兒級標籤 h p
　　　　　　標籤獨佔一行

2.為什麼有些標籤有頭有尾 有些標籤就一個頭(重要)
　　html標籤針對標籤個數也有分類
　　　　1.雙標籤
　　　　　　有頭有尾<h1></h1>
　　　　2.自閉和標籤
　　　　　　有頭<hr>

標題系列

　　<h1>一級標題</h1>

　　<h2>二級標題</h2>

　　（以此類推，最多六級）

加粗 斜體 下劃線 刪除線

　　<b>加粗</b>
　　<i>斜體</i>
　　<u>下劃線</u>
　　<s>刪除線</s>

換行

　　<p>分行的文字</p>

　　（預設狀態下打字永遠在一行，回車也不能換行）

水平線

　　<hr>
　　<br>

特殊符號

特殊符號

　　&gt;大於號

　　&lt;小於號

　　&nbsp空格

　　&yen;人民幣
　　&copy;版權
　　&reg;商標
　　&amp;特殊&符

常見標籤之a連結標籤

<a連結>文字</a>
href引數
　　1.放網址點選可以直接跳轉

　　<a href='https://www.baidu.com'>百度</a>

　　2.錨點功能

　　（需要先設定錨點——<p id='d1'>標題1</p>）

　　放其他標籤的id值點選就可以跳轉到對應的標籤位置

　　<a href='#d1'>跳轉到標題1</a>
target引數
　　控制跳轉頁面是在當前頁還是新建頁
　　　　_self（當前網頁直接跳轉到連結）
　　　　_blank（新建網頁到連結）

標籤兩大重要屬性(重要)

1.id值
　　類似於標籤的身份證號碼 在同一個html檔案內 id值不能重複
　　<a id='d1'></a>
2.class值
　　類似於標籤的群體號碼 多個標籤可以屬於一個群體 多個標籤也屬於多個群體
　　<a class='c1'></a>
　　<a class='c1 c2'></a>

常見標籤之img圖片標籤

<img src='111.jpg'/>
　　src引數
　　　　1.可以放網路圖片的地址
　　　　2.也可以放本地圖片的地址
　　title引數
　　　　滑鼠懸浮在圖片上之後可以展示的文字資訊
　　alt引數
　　　　圖片由於某些原因載入不出來的時候可以提示的文字資訊
　　width、height引數
　　　　調節圖片的長寬 預設調節一個就可以 另外一個等比例縮放
　　　　如果兩個都調節那麼可能會出現圖片失真的情況

常見標籤之列表標籤

1.無序列表(掌握)
　　<ul>
　　　　<li>小李</li>
　　　　<li>小明</li>
　　　　<li>小紅</li>
　　</ul>
(頁面上看似有規則的橫向或者豎向一次排列的標籤大概率都是無序列表)

2.有序列表(瞭解)
　　<ol type='A'>
　　　　<li>小李</li>
　　　　<li>小明</li>
　　　　<li>小紅</li>
　　</ol>

3.標題列表(瞭解)
　　<dl>
　　　　<dt>標題1</dt>
　　　　<dd>內容1</dd>
　　　　<dt>標題2</dt>
　　　　<dd>內容1</dd>
　　　　<dd>內容2</dd>
　　</dl>

常見標籤之table表格標籤(重要)

<table>
　　<thead>（在head和body程式碼裡面，所以要用thead和tbody）
　　　　<tr> （一個tr就代表一行）

　　　　　　<th>序號</th> （th加粗的文字）
　　　　　　<th>姓名</th>
　　　　　　<th>年齡</th>
　　　　</tr>
　　</thead> （<thead>表頭行</thead>）
　　<tbody>（<tbody>表格內容行</tbody>）
　　　　<tr>（第二行）
　　　　　　<td>1</td> （td普通文字）
　　　　　　<td>jason</td>
　　　　　　<td>18</td>
　　　　</tr>
　　</tbody>
</table>

常見標籤之form表單(重要)

（該標籤可以接受使用者的資料併發送給後端伺服器——讓使用者填）
獲取使用者資料的標籤最為常見的就是input並且獲取使用者資料的標籤最好都要有一個name屬性用來表示該資料到底是使用者的什麼資料
　　input標籤 # 變形金剛
　　　　type引數

　　　　（<input type='要用的type引數' name='自行設定name屬性表示是什麼資料，便於之後操作'>）
　　　　　　text——普通輸入框，中文英文數字都可以，一行到底，不能換行（賬號，使用者名稱等）
　　　　　　password——密碼輸入框，英文數字可以，不能打中文，輸入後的內容會變成星號隱藏（密碼）
　　　　　　date——日期輸入框，會有日曆可以選擇日期（日期，生日等）
　　　　　　email——郵箱輸入框，輸入郵箱，如果不是郵箱格式，將會無法提交併且有提示（郵箱）
　　　　　　radio——選擇框，可以通過重複程式碼設定多個選項，單選（單選內容）
　　　　　　checkbox——選擇框，可以通過重複程式碼設定多個選項，可多選（多選內容）
　　　　　　file——上傳檔案框，點了可以從電腦裡選擇檔案上傳，加上multiple，可以上傳多個檔案。（上傳簡歷，提交檔案作業等）
　　　　　　button——沒有任何用的按鈕，可以點，但沒有作用（惡作劇？）
　　　　　　reset——重置按鈕，重置全部表單內容（重置按鈕）
　　　　　　submit——提交按鈕，將所有填寫內容提交到網頁（提交按鈕）
　　select標籤
　　　　下拉選擇——下拉選擇框，可以收起拉開選項欄，點選選擇。每個選項的格式：<option>選項文字</option>。加上multiple可以多選（選擇內容）
　　textarea標籤
　　　　大文字——大文字框，中文英文數字都可以，寫滿會自動換行，也可以回車換行（自我介紹等）