在HTML中，HTML標籤元素大體被分為三種不同的型別：內聯元素(又叫行內元素)，塊狀元素，內聯塊狀元素。

一.常用的內聯元素有：

<a>、<span>、<br />、<i>、<em>、 <strong>、<label>、<q>、<var>、<cite>、<code>

內聯元素的特點：
1.和其他內聯元素都顯示在同一行
2.元素的寬度、高度、頂部邊距和底部邊距不可設定
3.元素的寬度就是它包含的文字或圖片的寬度，不可改變
可通過CSS程式碼display:inline將元素設定為內聯元素:

div {
    display: inline;
}

二.常用的塊狀元素有：

<div>、<p>、<h1>…<h6 />、<ul>、<ol>、 <table>、<address>、<blockquote>、<form>

塊狀元素的特點：
1.每個塊狀元素都從新的一行開始，並且其後的元素也另起一行(一個塊狀元素獨佔一行)
2.元素的寬度、高度、頂部邊距和底部邊距都可設定
3.元素的寬度在不設定的情況下，是他本身父容器的100%
可通過CSS程式碼display:block將元素設定為塊狀元素：

div {
    display: block;
}

三.常用的內聯塊狀元素有：

<img>、<input>

內聯塊狀元素的特點：

1. 和其他內聯元素或者內聯塊狀元素都顯示在同一行
2. 元素的寬度、高度、頂部邊距和底部邊距都可設定
   可通過CSS程式碼display:inline-block將元素設定為內聯塊狀元素：

div {
    display: inline-block;
}