html常用標(biāo)簽

今天韓老師主要講了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è)初步的了解。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末盏档,一起剝皮案震驚了整個(gè)濱河市凶掰,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蜈亩,老刑警劉巖懦窘,帶你破解...
    沈念sama閱讀 211,561評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異稚配,居然都是意外死亡畅涂,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)道川,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)午衰,“玉大人,你說(shuō)我怎么就攤上這事冒萄‰叮” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,162評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵尊流,是天一觀的道長(zhǎng)帅戒。 經(jīng)常有香客問(wèn)我,道長(zhǎng)崖技,這世上最難降的妖魔是什么逻住? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,470評(píng)論 1 283
  • 正文 為了忘掉前任施流,我火速辦了婚禮,結(jié)果婚禮上鄙信,老公的妹妹穿的比我還像新娘。我一直安慰自己忿晕,他們只是感情好装诡,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,550評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著践盼,像睡著了一般鸦采。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上咕幻,一...
    開(kāi)封第一講書(shū)人閱讀 49,806評(píng)論 1 290
  • 那天渔伯,我揣著相機(jī)與錄音,去河邊找鬼肄程。 笑死锣吼,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的蓝厌。 我是一名探鬼主播玄叠,決...
    沈念sama閱讀 38,951評(píng)論 3 407
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼拓提!你這毒婦竟也來(lái)了读恃?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,712評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤代态,失蹤者是張志新(化名)和其女友劉穎寺惫,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體蹦疑,經(jīng)...
    沈念sama閱讀 44,166評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡西雀,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,510評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了必尼。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蒋搜。...
    茶點(diǎn)故事閱讀 38,643評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖判莉,靈堂內(nèi)的尸體忽然破棺而出豆挽,到底是詐尸還是另有隱情,我是刑警寧澤券盅,帶...
    沈念sama閱讀 34,306評(píng)論 4 330
  • 正文 年R本政府宣布帮哈,位于F島的核電站,受9級(jí)特大地震影響锰镀,放射性物質(zhì)發(fā)生泄漏娘侍。R本人自食惡果不足惜咖刃,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,930評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望憾筏。 院中可真熱鬧嚎杨,春花似錦、人聲如沸氧腰。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,745評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)古拴。三九已至箩帚,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間黄痪,已是汗流浹背紧帕。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,983評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留桅打,地道東北人是嗜。 一個(gè)月前我還...
    沈念sama閱讀 46,351評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像油额,于是被迫代替她去往敵國(guó)和親叠纷。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,509評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 標(biāo)題標(biāo)簽:h1~h6 雙標(biāo)簽 塊級(jí) 無(wú)默認(rèn)屬性 段落標(biāo)簽:p 雙標(biāo)簽 塊級(jí) 有默認(rèn)屬性margin 不能嵌套塊級(jí)...
    放飛吧自我閱讀 209評(píng)論 1 1
  • HTML常用標(biāo)簽 HTML常用標(biāo)簽: 1. h系列 : 標(biāo)題標(biāo)簽 h1~h6 雙標(biāo)簽 無(wú)默認(rèn)屬性 塊級(jí) 默認(rèn)mar...
    胡自鮮閱讀 451評(píng)論 0 1
  • base 基礎(chǔ)標(biāo)簽 href 給頁(yè)面所有的相對(duì)路徑規(guī)定默認(rèn)的基準(zhǔn)URL target a鏈接默認(rèn)窗口模式潦嘶,下面a鏈...
    越努力越幸運(yùn)k閱讀 144評(píng)論 0 0
  • (一)常用標(biāo)簽 divspanulolaimgformbuttoninputtableh1, h2, h3pree...
    07120665a058閱讀 517評(píng)論 3 4
  • 腦海中的畫(huà)面并不清晰涩嚣,只記得我和朋友曉雯匆忙走在路上,趕著去上課掂僵。拐角處突然看到了熟悉的身影航厚,走近一看,竟然是許久...
    這里楓菲閱讀 313評(píng)論 2 5