HTML_行內(nèi)元素、塊級(jí)元素、空元素

  • 內(nèi)聯(lián)元素
  • 叫法有內(nèi)聯(lián)元素、內(nèi)嵌元素、行內(nèi)元素、直進(jìn)式元素
  • 一般都是基于語(yǔ)義級(jí)(semantic)的基本元素,它只能容納文本或者其他內(nèi)聯(lián)元素,通常被包括在塊元素中使用。
  • 內(nèi)聯(lián)元素有這些
    • a - 錨點(diǎn)
      abbr - 縮寫(xiě)
      the <abbr title="world wield web constium">W3C</abbr>is important;
      abbr.jpg

      b - 粗體(不推薦)、strong - 粗體強(qiáng)調(diào)、em - 斜體重要{均是雙標(biāo)簽}
      在沒(méi)有其他合適標(biāo)簽更合適時(shí),才應(yīng)該把 <b> 標(biāo)簽作為最后的選項(xiàng)。HTML5 規(guī)范聲明:應(yīng)該使用 <h1> - <h6> 來(lái)表示標(biāo)題,使用<em>標(biāo)簽來(lái)表示強(qiáng)調(diào)的文本,應(yīng)該使用<strong> 標(biāo)簽來(lái)表示重要文本。
      這些也都可通過(guò)font-weight屬性來(lái)設(shè)置。
      bdo 定義文本方向
      <br /> rtl: <bdo dir="rtl">here is some text</bdo> <br /> ltr: <bdo dir="ltr">here is some text</bdo>
      dbo.jpg

      big - 較原來(lái)字體大一號(hào)。<big><big>12</big></big>
      br - 換行<br> <br />clear屬性
      cite - 引用,斜體顯示
      code - 計(jì)算機(jī)代碼(在引用源碼的時(shí)候需要)
      dfn - 定義字段
      i - 斜體
      img - 圖片
      input - 輸入框
      kbd - 定義鍵盤文本
      samp - 定義范例計(jì)算機(jī)代碼
      var - 定義變量
      q - 短引用
      small - 小字體文本
      span - 常用內(nèi)聯(lián)容器,定義文本內(nèi)區(qū)塊
      label - 表格標(biāo)簽
      del-刪除部分
      ins-新插入部分
      select - 項(xiàng)目選擇
      sub - 下標(biāo)
      sup - 上標(biāo)
      textarea - 多行文本輸入框
      iframe-創(chuàng)建包含另一個(gè)文檔的內(nèi)聯(lián)框架
      <iframe src="block_elements.html" width="" height=""></iframe>
       
      iframe.jpg

      (map,area)-帶有可點(diǎn)擊區(qū)域的圖像映射
      < img src="../../LG/image/ff8080814aecc157014aecdf36aa002a.jpg" width="300px" border="0" usemap="#test" alt="test" />
      <map name="test" id="test">
      <area shape="circle" coords="20,20,50" href="block_elements.html" alt="" />
      </map>

  • 塊級(jí)元素
  • address - 定義文檔或文章的作者的聯(lián)系信息,不要局限于地址,以斜體的形式展現(xiàn)。
    <address>Written by miss_du</address>.jpg

    blockquote - 標(biāo)簽定義塊引用,左右兩邊會(huì)自動(dòng)進(jìn)行縮進(jìn)
    俗話說(shuō)得好
    <blockquote>
    笨鳥(niǎo)先飛
    </blockquote>
    blockquote.jpg

    dir - 目錄列表
    <dir>
    <li>第一章</li>
    <li>第二章</li>
    <li>第三章</li>
    </dir>
    dir.jpg

    dl>dt+dd-定義列表,這個(gè)經(jīng)常用,就不距離啦
    ul>li-定義無(wú)須列表
    ol>li-定義有序列表
    div常用的塊級(jí)元素,用于css布局。
    (fieldest,legend)-組合表單中的相關(guān)元素
    <fieldset id="">
    <legend>性別</legend>
    女:<input type="radio" name="" id="" value="" />
    男:<input type="radio" name="" id="" value="" />
    </fieldset>
    fieldset.jpg

      form - 交互表單
      h1 ~h6
      hr - 水平分隔線
      noframes - frames可選內(nèi)容,(對(duì)于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容
     noscript - 可選腳本內(nèi)容(對(duì)于不支持script的瀏覽器顯示此內(nèi)容)
     pre - 格式化文本,,主要用于顯示源碼。
    <pre>
    <a>
    顯示源碼了么?
    </a>
    </pre>
    pre.jpg

     table - 表格
    <table border="" cellspacing="" cellpadding="">
    <caption>hello</caption>
    <thead style="background: black;color: #fff;">
    <tr>
    <th>Header</th>
    <th>Header</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Data</td>
    <td>Data</td>
    </tr>
    </tbody>
    </table>
    • 需要注意:caption元素在表格中重復(fù)會(huì)折行,但是脫離表格,重復(fù)不會(huì)折行。
最后編輯于
?著作權(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閱讀 230,247評(píng)論 6 543
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,520評(píng)論 3 429
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 178,362評(píng)論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 63,805評(píng)論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,541評(píng)論 6 412
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,896評(píng)論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,887評(píng)論 3 447
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 43,062評(píng)論 0 290
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,608評(píng)論 1 336
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,356評(píng)論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,555評(píng)論 1 374
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,077評(píng)論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,769評(píng)論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 35,175評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 36,489評(píng)論 1 295
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,289評(píng)論 3 400
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,516評(píng)論 2 379

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