1. 程式人生 > >HTML-基礎標籤(全)

HTML-基礎標籤(全)

雙標籤彙總

1、font標籤

字型
color:顏色
size:改變字型大小
face:字型

2、i標籤

字型斜體

3、em標籤

字型斜體;包含語義

4、b標籤

字型加粗

5、strong標籤

字型加粗;包含語義

6、img標籤

圖片
src:指定圖片路徑
width:指定圖片寬度
heigth:指定圖片高度
alt:檔案載入失敗時顯示資訊

7、li標籤

列表項

8、ul標籤

無序列表

9、ol標籤

有序列表

10、a標籤

超連結
href:指定跳轉連結地址,需加http協議
target:開啟連結方式
a._self:當前視窗開啟
b._blake:新起一個標籤頁開啟頁面

11、table標籤

表格標籤
boeder:指定邊框
bgcolor:背景色
align:對齊方式

12、tr標籤

表格行

13、td標籤

表格列
colspan:跨列合併
rcwspan:跨行合併

14、form標籤

表單標籤
action:直接提交地址
method:
a.get方式,將引數拼接在連結後,有大小限制
b.post方式,將引數封裝在請求體中,沒有大小限制

15、frameset標籤

框架標籤
cols:豎切
rows:橫切

16、 frame標籤

框架標籤
src:引入html檔案路徑
name:指定框架名稱


單標籤彙總

1、hr標籤: 分割線

2、input標籤:

輸入項標籤

name:表單提交的引數名稱

id:輸入項名字

placeholder:指定預設的提示資訊

type:指定輸入項的型別(字母表示排序,類似1-10項)

a.tel:手機號
b.number:只允許輸入數字
c.text:文字
d.password:密碼框
e.radio:單選按鈕
f.checkbox:複選框
g.file:上傳檔案
h.submit:提交按鈕
i.button:普通按鈕
j.reset:重置按鈕
k.hidden:隱藏域
l.date:日期型別

textarea:文字域,輸入一段文字

a.cols:指定寬度
b.rows:指定高度

select:下拉列表

option:選擇項

在這裡插入圖片描述