html基礎標籤用法
- 2020 年 12 月 4 日
- 筆記
head
| title | 行級雙 | 網頁標題標籤 |
|---|---|---|
| meta | 單 | 存放網頁重要資訊,字符集,搜索索引,簡介等(不顯示) |
| a 標籤行內雙標籤 | href=”跳轉路徑”, (JavaScript:void(0))超鏈接失效 |
|---|---|
| 屬性 | target=”打開方式”(_self _blank ) 本頁面打開|新頁面打卡 |
| form 屬性 行級雙 | action=”提交地址” |
|---|---|
| method=”get” | 在地址欄提交,大小受限2k左右,不安全 |
| method=”post” | 不在地址欄提交,大小沒限制,相對安全 |
| input | 表單輸入標籤 |
|---|---|
| type = “text” | 文本輸入框 |
| type = “password” | 密碼輸入框(資訊隱藏) |
| type = “radio” | 單選框 checked 默認選中 |
| type = “checkbox” | 複選框 checked 默認選中 |
| type = “button” | 按鈕 |
| type = “submit” | 提交表單按鈕 |
| type = “reset” | 重置表單按鈕 |
| type = “image” | 圖片提交 |
| type = “hidden” | 隱藏 |
| type = “file” | 文件輸入框 |
| select | 下拉選標籤 option 下拉選選項 |
|---|---|
| selected = “selected” | 默認選中 |
| size=”數字” | 顯示的條目 |
| multiple=”multiple” | 設置可以多選 |
| textarea | 文本域標籤 |
|---|---|
| rows | 屬性 文本域默認的大概行數 |
| cols | 屬性 文本域默認的大概列數 |
| 通用屬性 | name 給單選和複選框分組 |
|---|---|
| name | 作為提交表單資訊的鍵 |
| value | 給按鈕起名 |
| value | 給表單設置默認值 |
| disable | 設置表單不可用(不能選中和更改) |
| readonly | 設置表單只讀 |
| img圖片標籤 | 行內單 |
|---|---|
| src =”圖片路徑” | |
| alt=”圖片打開失敗顯示的內容” | |
| title=”滑鼠懸停顯示的內容” |
| table表格標籤 | 行級雙 |
|---|---|
| caption | 表格標題 |
| tbody | 表格體,可以不寫,默認存在 |
| tr | 表格行標籤 |
| th | 表格表頭標籤 |
| td | 表格單元格標籤,colspan設置佔多列,rowspan設置佔多行 |
| width=”表格寬度” | |
| border=”表格外邊框粗細” | |
| align=”對齊方式” 可以用在td，tr，table |
| ol | 行級雙 有序列表標籤 | |
|---|---|---|
| li | 列表中的每一項 | |
| type=”序號屬性”:1數字 a|A字母 i|I羅馬數字 | ||
| ul | 行級雙 無序列表標籤 | **** |
| li | 列表中的每一項 | |
| 屬性 | type=”序號屬性”:disc實心圓 circle空心圓 square方塊 |
| div | 行級雙 | 本身無樣式,獨佔一行 |
|---|---|---|
| span | 行內雙 | 本身無樣式,行內的一片區域 |
| 文本標籤 | |
|---|---|
| p 行級雙 | 段落標籤,獨佔一行,前後留白 |
| br 行級單 | 換行標記 |
| hr 行級單 | 分隔線標記 |
| h1-h6 行級雙 | 標題標籤,獨佔一行,前後留白,數字越小字越大 |
| font 行內雙 | 文字標籤已過時 |
| i 行內雙 | 斜體 |
| b 行內雙 | 文字加粗 |
| strong 行內雙 | 文字加粗 |
