HTML_行內元素射窒、塊級元素、空元素

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

      b - 粗體(不推薦)敢辩、strong - 粗體強調蔽莱、em - 斜體重要{均是雙標簽}
      在沒有其他合適標簽更合適時,才應該把 <b> 標簽作為最后的選項戚长。HTML5 規(guī)范聲明:應該使用 <h1> - <h6> 來表示標題盗冷,使用<em>標簽來表示強調的文本,應該使用<strong> 標簽來表示重要文本同廉。
      這些也都可通過font-weight屬性來設置仪糖。
      bdo 定義文本方向
      <br /> rtl: <bdo dir="rtl">here is some text</bdo> <br /> ltr: <bdo dir="ltr">here is some text</bdo>
      dbo.jpg

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

      (map,area)-帶有可點擊區(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>

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

    blockquote - 標簽定義塊引用,左右兩邊會自動進行縮進
    俗話說得好
    <blockquote>
    笨鳥先飛
    </blockquote>
    blockquote.jpg

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

    dl>dt+dd-定義列表隅津,這個經常用稠集,就不距離啦
    ul>li-定義無須列表
    ol>li-定義有序列表
    div常用的塊級元素,用于css布局饥瓷。
    (fieldest,legend)-組合表單中的相關元素
    <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可選內容痹籍,(對于不支持frame的瀏覽器顯示此區(qū)塊內容
     noscript - 可選腳本內容(對于不支持script的瀏覽器顯示此內容)
     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元素在表格中重復會折行棺克,但是脫離表格,重復不會折行线定。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末娜谊,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子斤讥,更是在濱河造成了極大的恐慌纱皆,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,561評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異派草,居然都是意外死亡搀缠,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評論 3 385
  • 文/潘曉璐 我一進店門近迁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來艺普,“玉大人,你說我怎么就攤上這事鉴竭∑缙” “怎么了?”我有些...
    開封第一講書人閱讀 157,162評論 0 348
  • 文/不壞的土叔 我叫張陵搏存,是天一觀的道長瑰步。 經常有香客問我,道長祭埂,這世上最難降的妖魔是什么面氓? 我笑而不...
    開封第一講書人閱讀 56,470評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮蛆橡,結果婚禮上舌界,老公的妹妹穿的比我還像新娘。我一直安慰自己泰演,他們只是感情好呻拌,可當我...
    茶點故事閱讀 65,550評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著睦焕,像睡著了一般藐握。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上垃喊,一...
    開封第一講書人閱讀 49,806評論 1 290
  • 那天猾普,我揣著相機與錄音,去河邊找鬼本谜。 笑死初家,一個胖子當著我的面吹牛,可吹牛的內容都是我干的乌助。 我是一名探鬼主播溜在,決...
    沈念sama閱讀 38,951評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼他托!你這毒婦竟也來了掖肋?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,712評論 0 266
  • 序言:老撾萬榮一對情侶失蹤赏参,失蹤者是張志新(化名)和其女友劉穎志笼,沒想到半個月后沿盅,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 44,166評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡籽腕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,510評論 2 327
  • 正文 我和宋清朗相戀三年嗡呼,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片皇耗。...
    茶點故事閱讀 38,643評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡南窗,死狀恐怖,靈堂內的尸體忽然破棺而出郎楼,到底是詐尸還是另有隱情万伤,我是刑警寧澤,帶...
    沈念sama閱讀 34,306評論 4 330
  • 正文 年R本政府宣布呜袁,位于F島的核電站敌买,受9級特大地震影響,放射性物質發(fā)生泄漏阶界。R本人自食惡果不足惜虹钮,卻給世界環(huán)境...
    茶點故事閱讀 39,930評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望膘融。 院中可真熱鬧芙粱,春花似錦、人聲如沸氧映。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,745評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽岛都。三九已至律姨,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間臼疫,已是汗流浹背择份。 一陣腳步聲響...
    開封第一講書人閱讀 31,983評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留烫堤,地道東北人缓淹。 一個月前我還...
    沈念sama閱讀 46,351評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像塔逃,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子料仗,可洞房花燭夜當晚...
    茶點故事閱讀 43,509評論 2 348

推薦閱讀更多精彩內容