今天韓老師主要講了HTML的常用標(biāo)簽鳄抒,在我的今天的學(xué)習(xí)當(dāng)中,主要學(xué)習(xí)到了一些行級(jí)標(biāo)簽以及塊級(jí)標(biāo)簽陷虎,主要內(nèi)容如下所示:
塊級(jí)標(biāo)簽:div,標(biāo)題標(biāo)簽(h1~h6) ,有序列表(ol li) ,無(wú)序列表(ul li)? ,字典列表(dl dt dd),段落標(biāo)簽(p) ,分割線(hr)
標(biāo)題標(biāo)簽:一個(gè)網(wǎng)頁(yè)只能有一個(gè)h1標(biāo)簽冬殃,同時(shí)h2標(biāo)簽也不能太多碑韵,標(biāo)題標(biāo)簽他有默認(rèn)的樣式,它具有上下的margin值蕊连,font-size以及font-weight
有序列表與無(wú)序列表都有相同上下的margin值悬垃,以及具有左邊的padding值,有序列表的style-type與無(wú)序列表是不一樣的甘苍,但是ul ol是不能單獨(dú)使用的尝蠕,他們要和li標(biāo)簽一起使用才行,li標(biāo)簽display是list-item,他有他自己的默認(rèn)樣式载庭,自定義列表看彼,它具有上下margin值,沒(méi)有padding值囚聚,但是他也不能單獨(dú)使用靖榕,它里面的dd標(biāo)簽有左邊的padding值
段落標(biāo)簽:一般用來(lái)對(duì)段落文字進(jìn)行設(shè)置的,它具有上下的margin值
分割線hr:它具有上下的margin值以及它是一個(gè)一像素的實(shí)體的線
行級(jí)標(biāo)簽:圖片標(biāo)簽(img)顽铸,span標(biāo)簽茁计,strong標(biāo)簽,i標(biāo)簽跋破,em標(biāo)簽簸淀,sub,sup毒返,del租幕,a,small,big
圖片標(biāo)簽:它具有兩個(gè)屬性值src="" 里面是寫(xiě)圖片的路徑,alt="";當(dāng)圖片顯示不出來(lái)時(shí)拧簸,顯示的文字提示內(nèi)容就是alt的值劲绪,可以用來(lái)對(duì)圖片進(jìn)行篩選;圖片標(biāo)簽它是一個(gè)特殊的行級(jí)標(biāo)簽盆赤,他可以設(shè)置尺寸贾富,一般都是設(shè)置一個(gè)值,這樣不會(huì)破壞圖片原來(lái)的比例牺六。
strong i em標(biāo)簽都是對(duì)文字的樣式進(jìn)行設(shè)置的颤枪,strong是對(duì)文字進(jìn)行加粗,i em是對(duì)文字進(jìn)行斜體設(shè)置
sub sup 是以當(dāng)前文本流中字符高度的一半來(lái)顯示淑际,但是與當(dāng)前文本流中文字的字體和字號(hào)都是一樣的畏纲,sub在下面一半扇住,sup在上面一半
del是對(duì)文字進(jìn)行刪除操作,一般用來(lái)超市減價(jià)銷售盗胀。
small big一般用來(lái)使文字放大縮小艘蹋,但是根據(jù)情況而定,它是根據(jù)當(dāng)前修飾的文字來(lái)進(jìn)行縮放并不比原來(lái)的文字差距多大
a標(biāo)簽用來(lái)鏈接票灰,a標(biāo)簽 行級(jí)女阀,雙標(biāo)簽href跳轉(zhuǎn)地址 title提示作用 target 跳轉(zhuǎn)的方式 _blank在新的窗口打開(kāi) _self在當(dāng)前頁(yè)面打開(kāi);它具有自己的樣式,他有默認(rèn)的下劃線以及字體顏色的設(shè)置:
鏈接的四種狀態(tài):偽類狀態(tài)屑迂,1.link狀態(tài)浸策,鏈接未瀏覽狀態(tài);visited狀態(tài)屈糊,鏈接已被訪問(wèn)狀態(tài)的榛;hover,鼠標(biāo)懸浮在上面的狀態(tài)逻锐;active夫晌,鼠標(biāo)點(diǎn)擊未松開(kāi)狀態(tài),在對(duì)它們進(jìn)行設(shè)置的時(shí)候,又先后之分如:
同時(shí)a標(biāo)簽還有一個(gè)特點(diǎn):#+id名可以定位到他在瀏覽器中的位置昧诱,叫做哈希定位晓淀。
通過(guò)一天的學(xué)習(xí)對(duì)常用標(biāo)簽有了一個(gè)初步的了解。