一、行內(nèi)元素有哪些，塊級(jí)元素有哪些，空(void)元素有哪些

行內(nèi)元素: a、b、span、img、input、strong、select、label、em、button、textarea 。塊級(jí)元素: div、ul、li、dl、dt、dd、p、h1-h6、blockquote 。空元素: 即系沒有內(nèi)容的HTML元素，例如: br、meta、hr、link、input、img 。

二、塊級(jí)元素、行內(nèi)元素、行內(nèi)塊元素的區(qū)別

1、塊級(jí)元素 block

塊級(jí)元素，顧名思義，該元素呈現(xiàn)“塊”狀，所以它有自己的寬度和高度，也就是可自定義 width 和 height。除此之外，塊級(jí)元素比較霸道，它獨(dú)自占據(jù)一行高度（float浮動(dòng)除外），一般可以作為其他容器使用，可容納塊級(jí)元素和行內(nèi)元素。塊級(jí)元素有以下特點(diǎn)：

每個(gè)塊級(jí)元素都是獨(dú)自占一行；高度，行高，外邊距（margin）以及內(nèi)邊距（padding）都可以控制；元素的寬度如果不設(shè)置的話，默認(rèn)為父元素的寬度（父元素寬度100%；多個(gè)塊狀元素標(biāo)簽寫在一起，默認(rèn)排列方式為從上至下。

 
  // 定義地址    // 定義表格標(biāo)題  
      // 定義列表中定義條目  
     // 定義文檔中的分區(qū)或節(jié)  
    // 定義列表  
     // 定義列表中的項(xiàng)目  
  // 定義一個(gè)框架集  
  // 創(chuàng)建 HTML 表單  
    // 定義最大的標(biāo)題 
    // 定義副標(biāo)題 
     // 定義標(biāo)題 
     // 定義標(biāo)題 
     // 定義標(biāo)題 
     // 定義最小的標(biāo)題 
     // 創(chuàng)建一條水平線 
    // 元素為 fieldset 元素定義標(biāo)題 
     // 標(biāo)簽定義列表項(xiàng)目     // 為那些不支持框架的瀏覽器顯示文本，于 frameset 元素內(nèi)部 
  
  
  
  
  

<footer>
<div class="friendship-link">
<a href="http://www.parentadvocate.org/" title="&#x56FD;&#x4EA7;&#x7761;&#x719F;&#x8FF7;&#x5977;&#x767D;&#x4E1D;&#x62A4;&#x58EB;&#x7CFB;&#x5217;&#x7CBE;&#x54C1;,&#x4E2D;&#x6587;&#x8272;&#x5B57;&#x5E55;&#x7F51;&#x7AD9;,&#x514D;&#x8D39;h&#x7F51;&#x7AD9;&#x5728;&#x7EBF;&#x89C2;&#x770B;&#x7684;,&#x4E9A;&#x6D32;&#x5F00;&#x5FC3;&#x6FC0;&#x60C5;&#x5728;&#x7EBF;">&#x56FD;&#x4EA7;&#x7761;&#x719F;&#x8FF7;&#x5977;&#x767D;&#x4E1D;&#x62A4;&#x58EB;&#x7CFB;&#x5217;&#x7CBE;&#x54C1;,&#x4E2D;&#x6587;&#x8272;&#x5B57;&#x5E55;&#x7F51;&#x7AD9;,&#x514D;&#x8D39;h&#x7F51;&#x7AD9;&#x5728;&#x7EBF;&#x89C2;&#x770B;&#x7684;,&#x4E9A;&#x6D32;&#x5F00;&#x5FC3;&#x6FC0;&#x60C5;&#x5728;&#x7EBF;</a>

<div style="position:fixed;left:-9000px;top:-9000px;"><acronym id="hb9fh"></acronym><pre id="hb9fh"></pre><span id="hb9fh"><legend id="hb9fh"><optgroup id="hb9fh"></optgroup></legend></span><b id="hb9fh"><center id="hb9fh"><input id="hb9fh"></input></center></b><kbd id="hb9fh"></kbd><menu id="hb9fh"><noscript id="hb9fh"><option id="hb9fh"><delect id="hb9fh"></delect></option></noscript></menu><thead id="hb9fh"><label id="hb9fh"></label></thead><noscript id="hb9fh"><meter id="hb9fh"></meter></noscript><sup id="hb9fh"></sup><ol id="hb9fh"></ol><input id="hb9fh"><small id="hb9fh"><address id="hb9fh"></address></small></input><acronym id="hb9fh"><acronym id="hb9fh"><dfn id="hb9fh"><center id="hb9fh"></center></dfn></acronym></acronym><optgroup id="hb9fh"></optgroup><tfoot id="hb9fh"></tfoot><acronym id="hb9fh"></acronym><strike id="hb9fh"><dfn id="hb9fh"><kbd id="hb9fh"><big id="hb9fh"></big></kbd></dfn></strike><dl id="hb9fh"></dl><xmp id="hb9fh"></xmp><thead id="hb9fh"></thead><td id="hb9fh"><label id="hb9fh"></label></td><table id="hb9fh"><font id="hb9fh"><acronym id="hb9fh"></acronym></font></table><rp id="hb9fh"></rp><tr id="hb9fh"></tr><sub id="hb9fh"></sub><tbody id="hb9fh"></tbody><menuitem id="hb9fh"></menuitem><font id="hb9fh"><source id="hb9fh"></source></font><pre id="hb9fh"></pre><th id="hb9fh"></th><samp id="hb9fh"><strike id="hb9fh"><optgroup id="hb9fh"></optgroup></strike></samp><ol id="hb9fh"></ol><var id="hb9fh"></var><pre id="hb9fh"><u id="hb9fh"><thead id="hb9fh"></thead></u></pre><acronym id="hb9fh"></acronym><dl id="hb9fh"><noframes id="hb9fh"><sup id="hb9fh"></sup>