HTML速查筆記
阿新 • • 發佈：2022-11-29
一.html結構
head內的標籤標使用者是看不到的，是給瀏覽器看的，主要定義一些配置
放置head內常用的標籤
body內寫什麼瀏覽器就渲染什麼，使用者就能看到什麼
放置body內常用的標籤
二.標籤的分類
分類a:
1 雙標籤 例如xxx
2 單標籤 例如![]()
分類b:
1 塊標籤：獨佔一行 例如 h1-h6,p,div
* 塊標籤可以修改長寬
* 塊級標籤內部可以巢狀任意的塊標籤和行內標籤
* 特例 p 標籤只能巢狀行內標籤，不能巢狀塊標籤
2 行內標籤：自身的文字多大就佔多大 例如 span,img,a
* 行業不能巢狀塊標籤
三.head內常用標籤
1 title:網頁標題
網頁標題
2 stytle:內部用來書寫css程式碼的
xx 刪除線
4 xx 下劃線
5 xx 斜體
6
換行 8
水平分割線 五. 特殊符號 1 空格 2 > 大於號 3 < 小於號 4 & &符號 5 ¥ ¥符號 6 © 圓圈c 7 ® 圓圈r 六. 常用標籤:在頁面佈局最常使用的標籤 1 div 可以把它看成一塊區域，主要作用是提前佈局，先用div劃分好區域，之後往裡面填寫內容 2 span 普通文字先用span佔位，之後給它加樣式 3 img 圖片標籤，常用屬性有以下幾個 alt="圖片載入不出來時的描述資訊" src="圖片路徑，可以是網上的也可以是本地的" title='滑鼠懸浮圖片上展示的資訊' height='調整圖片高度' width='調整圖片寬度' *如果修改類2個引數且沒有考慮等比例問題，那麼會失真 4 a:連線標籤,常用屬性 點選這裡的文字跳轉到連線
總結：以上是原生的表格標籤，掌握結構即可，後面使用框架封裝好的
十. form表單標籤：獲取前端使用者傳入的資料，包含上傳的 選擇的 寫入的等等，這一塊非常重要
0.form表單結構
form標籤內的資料都會被form標籤提交到後端
1.action=""：控制資料提交的後端路徑，有3中方式
a.什麼都不寫：預設向當前頁面所在的url提交資料
b.寫全路徑：例如 http://www.xxx.com 向指定的路徑提交
c.寫路徑字尾：例如 action="/index/" 自動識別書當前服務端的ip和埠，之後自動拼接
2.input標籤的使用
第1種方式:lable包住input 關聯input的id
username: #input是輸入框 前面可以指定輸入框的名字
第2種方式：lable直接關聯input的id
{ color:greenyellow } 3 script:內部用來書寫js程式碼的，還可以引入寫好的js程式碼 <script src="http://www.manongjc.com/detail/引入的js程式碼"> alert(123) </script> 4 link:引入外部css檔案 5 make:定義網頁原資訊 a:keywords：網頁推薦 通過搜有content後面的關鍵字 就可能搜尋到這個網頁 b:description 新增描述資訊 四. body內常用標籤:標籤內可以直接新增文字 1
xxx
標題，後面的數字表示幾級標題 2 xx 加粗 3xx
段落 一個p一段 7換行 8
水平分割線 五. 特殊符號 1 空格 2 > 大於號 3 < 小於號 4 & &符號 5 ¥ ¥符號 6 © 圓圈c 7 ® 圓圈r 六. 常用標籤:在頁面佈局最常使用的標籤 1 div 可以把它看成一塊區域，主要作用是提前佈局，先用div劃分好區域，之後往裡面填寫內容 2 span 普通文字先用span佔位，之後給它加樣式 3 img 圖片標籤，常用屬性有以下幾個 alt="圖片載入不出來時的描述資訊" src="圖片路徑，可以是網上的也可以是本地的" title='滑鼠懸浮圖片上展示的資訊' height='調整圖片高度' width='調整圖片寬度' *如果修改類2個引數且沒有考慮等比例問題，那麼會失真 4 a:連線標籤,常用屬性 點選這裡的文字跳轉到連線
- xxx
- 1
- xxx
| username |
|---|
| xxxx |