HTML常用標(biāo)簽
HTML常用標(biāo)簽:
1. h系列 : 標(biāo)題標(biāo)簽 h1~h6 雙標(biāo)簽 無默認(rèn)屬性 塊級 默認(rèn)margin屬性
一級標(biāo)題
我是h1
二級標(biāo)題
我是h2
三級標(biāo)題
我是h3
實(shí)現(xiàn)效果:
2. hr 分割線 塊級 單標(biāo)簽 默認(rèn)margin,border屬性
3. p標(biāo)簽 : 段落 雙標(biāo)簽 塊級p標(biāo)簽內(nèi)不能嵌套塊級標(biāo)簽,p標(biāo)簽會分開并且自動補(bǔ)全 默認(rèn)margin屬性
123123
實(shí)現(xiàn)效果:
4.列表標(biāo)簽 : 雙標(biāo)簽 組合標(biāo)簽 塊級
4.1 有序列表 : ol? (默認(rèn):margin屬性list-style-type: decimal;-webkit-padding-start: 40px; )
有序列表區(qū)域 : li 列表項(xiàng) (默認(rèn):display: list-item;text-align: -webkit-match-parent;)
ol 與 li不能單獨(dú)使用奕短,ol與li之間不可以出現(xiàn)其他標(biāo)簽
實(shí)現(xiàn)效果:
4.2 無序列表:ul (默認(rèn):margin list-style-type: disc; -webkit-padding-start: 40px;)
實(shí)現(xiàn)效果:
4.3字典列表:dl (默認(rèn):margin)
dd:-webkit-padding-start: 40px;
實(shí)現(xiàn)效果:
5.? a : 超鏈接 雙標(biāo)簽 行級 (默認(rèn):color: -webkit-link; cursor: auto; text-decoration: underline;)
href="" 跳轉(zhuǎn)地址 必須的 而且不能為空
title="" 提示信息
target="" 跳轉(zhuǎn)方式 _blank 新窗口打開
實(shí)現(xiàn)效果:
超鏈接標(biāo)簽的四種狀態(tài):偽類設(shè)置
link狀態(tài):鏈接未瀏覽狀態(tài)
visited狀態(tài) : 鏈接已被訪問過
hover狀態(tài) :? 鼠標(biāo)懸浮在鏈接上時的狀態(tài)
active狀態(tài) :? 鼠標(biāo)點(diǎn)擊未松開時的狀態(tài)
hash 哈希 :? #會回到頂部 | ### 不會回到頂部
實(shí)現(xiàn)效果:
6.?圖片 img 單標(biāo)簽 比如特殊痛侍,雖然為行級,但是可以設(shè)置尺寸
支持寬高屬性 不需要加單位 一般寬高只設(shè)置一個
實(shí)現(xiàn)效果:
7.粗體加重,作用于內(nèi)容強(qiáng)調(diào) strong 雙標(biāo)簽 行級 b標(biāo)簽(默認(rèn):font-weight: bold;)
實(shí)現(xiàn)效果:
8. 斜體伤为,作用于內(nèi)容強(qiáng)調(diào) em 雙標(biāo)簽 行級 i (默認(rèn):font-style: italic;)
實(shí)現(xiàn)效果:
9. big 大字號 small標(biāo)簽 小字號 雙標(biāo)簽 行級(相對于)(默認(rèn):font-size:larger / font-size:smaller)
實(shí)現(xiàn)效果:
10.sub(偏下) sup(偏上) del(刪除橫線)
sub:(默認(rèn):vertical-align: sub;font-size: smaller;)
sup:(默認(rèn):vertical-align: super;font-size: smaller;)
del:? (默認(rèn):text-decoration: line-through;)
實(shí)現(xiàn)效果: