HTML塊元素和行內元素

塊元素

在HTML中，一個標籤也能夠稱爲一個元素，在網頁顯示中能夠獨佔一行展現的元素成爲塊元素，好比<p>標籤或者<div>標籤，THML入門階段常見的塊級元素主要有如下幾個:css

元素名	說明
h1-h6	標題元素
p	段落元素
div	分區元素
hr	水平線元素
ol	有序列表
ul	無序列表

行內元素

在HTML中，行內元素與塊元素偏偏相反，行內元素是能夠與其餘行內元素位於同一行的。入門階段常見的塊級元素主要有如下幾個:html

元素名
strong	加粗元素
em	斜體吧元素
sup	上標元素
sub	下標元素
big	大字號元素
small	小字號元素
span	span元素
a	超連接

看一個綜合的示例:markdown

<body>

    <!-- 塊級元素在整個網頁中獨佔一行 -->

    <div>div標籤是一個塊元素</div>

    <p>p標籤也是一個塊元素</p>

    <!-- 行內元素每一個元素不會獨佔一行，多個行內元素能夠並排在同一行顯示 -->

    <strong>strong標籤是一個行內元素</strong>

    <i>i標籤也是一個行內元素</i>

    <span>span標籤也是一個行內元素，通常結合css使用</span>

</body>
複製代碼

運行效果:spa