6、HTML常用標(biāo)簽(2)

內(nèi)聯(lián)屬性的標(biāo)簽:

   內(nèi)聯(lián)標(biāo)簽:
          特性:
                 1、同屬性的標(biāo)簽排在同一排;
                 2、內(nèi)容撐開(kāi)寬度;
                 3、不支持寬高,不支持上下的padding和margin;
                 4、代碼換行被解析(間距大小取決于父級(jí)的font-size);?????

          span標(biāo)簽
                寫法:<span></span>
                雙標(biāo)簽
                語(yǔ)義:無(wú)意義
                默認(rèn)樣式:無(wú)

          strong標(biāo)簽
                寫法:<strong></strong>
                雙標(biāo)簽
                語(yǔ)義:強(qiáng)調(diào)
                默認(rèn)樣式:font-weight:bold;
                權(quán)重比較高;

          em標(biāo)簽
                寫法:<em></em>
                雙標(biāo)簽
                語(yǔ)義:強(qiáng)調(diào)
                默認(rèn)樣式:font-style:italic; 
                權(quán)重比較高;

          a標(biāo)簽
               寫法:<a href="鏈接網(wǎng)頁(yè)地址" target="打開(kāi)網(wǎng)頁(yè)的方式"></a>
               雙標(biāo)簽
               語(yǔ)義:超鏈接
               默認(rèn)樣式:color、text-decoration、cursor;
               溫馨提示:
                      href屬性:
                            1、如果鏈接一個(gè)網(wǎng)站地址,一定要加 http://;
                            2、# 代表鏈接到當(dāng)前頁(yè);
                      target屬性:
                            1、_self:默認(rèn),在當(dāng)前窗口打開(kāi);
                            2、_blank:在新窗口打開(kāi);

    內(nèi)聯(lián) 塊 標(biāo)簽:
           特性:
                  1、同屬性的標(biāo)簽排在同一排;
                  2、內(nèi)容撐開(kāi)寬度;
                  3、支持所有css樣式;
                  4、代碼換行被解析(間距大小取決于父級(jí)的font-size);???
           img標(biāo)簽
                  寫法:<img />(圖片的路徑地址)
                  單標(biāo)簽
                  語(yǔ)義:圖片默認(rèn)樣式:低版本瀏覽器中有默認(rèn)的邊框;
                  溫馨提示:
                         1、路徑地址一定要正確;
                         2、alt屬性一定要寫(SEO);

標(biāo)簽類型的轉(zhuǎn)換

   1、顯示為無(wú):display:none

   2、塊屬性:display: block;

   3、內(nèi)聯(lián)屬性
          a、內(nèi)聯(lián):display: inline;
          b、內(nèi)聯(lián)塊:display: inline-block;
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,882評(píng)論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,208評(píng)論 3 414
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 175,746評(píng)論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 62,666評(píng)論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,477評(píng)論 6 407
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 54,960評(píng)論 1 321
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,047評(píng)論 3 440
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 42,200評(píng)論 0 288
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,726評(píng)論 1 333
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,617評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,807評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,327評(píng)論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,049評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 34,425評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 35,674評(píng)論 1 281
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,432評(píng)論 3 390
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,769評(píng)論 2 372

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

  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說(shuō)明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,285評(píng)論 1 41
  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,774評(píng)論 1 92
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,781評(píng)論 18 139
  • 前言 人生苦多,快來(lái) Kotlin ,快速學(xué)習(xí)Kotlin! 什么是Kotlin? Kotlin 是種靜態(tài)類型編程...
    任半生囂狂閱讀 26,243評(píng)論 9 118
  • 在前一篇文章中已經(jīng)簡(jiǎn)單提到Html標(biāo)簽了,在本文中就不再贅述它的介紹了。想要再看看的可以戳Html+Css基礎(chǔ)概要...
    年少有van閱讀 894評(píng)論 0 14