html塊狀
『壹』 html什麼是塊級元素標簽
塊級元素就是默認情況下佔一行的元素，
1.比如p,
2.div,
3.li等，
『貳』 HTML行內元素和塊狀元素有哪些
.關於行內元素和塊狀元素的說明
根據CSS規范的規定，每一個網頁元素都有一個display屬性，用於確定該元素的類型，每一個元素都有默認的display屬性值，比如div元素，它的默認display屬性值為「block」，成為「塊級」元素(block-level)；而span元素的默認display屬性值為「inline」，稱為「行內」元素。div這樣的塊級元素，就會自動占據一定矩形空間，可以通過設置高度、寬度、內外邊距等屬性，來調整的這個矩形的樣子；與之相反，像「span」「a」這樣的行內元素，則沒有自己的獨立空間，它是依附於其他塊級元素存在的，因此，對行內元素設置高度、寬度、內外邊距等屬性，都是無效的。
2.行內、塊狀元素區別：
(1).塊級元素會獨佔一行，其寬度自動填滿其父元素寬度
行內元素不會獨佔一行，相鄰的行內元素會排列在同一行里，知道一行排不下，才會換行，其寬度隨元素的內容而變化
(2). 一般情況下，塊級元素可以設置 width, height屬性，行內元素設置width, height無效
(注意：塊級元素即使設置了寬度，仍然是獨佔一行的)
(3).塊級元素可以設置margin 和 padding. 行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產生邊距效果，但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產生邊距效果。（水平方向有效，豎直方向無效）
3.行內、塊狀元素：
塊元素(block element)
* address - 地址
* blockquote - 塊引用
* center - 舉中對齊塊
* dir - 目錄列表
* div - 常用塊級容易，也是css layout的主要標簽
* dl - 定義列表
* fieldset - form控制組
* form - 交互表單
* h1 - 大標題
* h2 - 副標題
* h3 - 3級標題
* h4 - 4級標題
* h5 - 5級標題
* h6 - 6級標題
* hr - 水平分隔線
* isindex - input prompt
* menu - 菜單列表
* noframes - frames可選內容，（對於不支持frame的瀏覽器顯示此區塊內容
* noscript - 可選腳本內容（對於不支持script的瀏覽器顯示此內容）
* ol - 排序表單
* p - 段落
* pre - 格式化文本
* table - 表格
* ul - 非排序列表
內聯元素(inline element)
* a - 錨點
* abbr - 縮寫
* acronym - 首字
* b - 粗體(不推薦)
* bdo - bidi override
* big - 大字體
* br - 換行
* cite - 引用
* code - 計算機代碼(在引用源碼的時候需要)
* dfn - 定義欄位
* em - 強調
* font - 字體設定(不推薦)
* i - 斜體
* img - 圖片
* input - 輸入框
* kbd - 定義鍵盤文本
* label - 表格標簽
* q - 短引用
* s - 中劃線(不推薦)
* samp - 定義範例計算機代碼
* select - 項目選擇
* small - 小字體文本
* span - 常用內聯容器，定義文本內區塊
* strike - 中劃線
* strong - 粗體強調
* sub - 下標
* sup - 上標
* textarea - 多行文本輸入框
* tt - 電傳文本
* u - 下劃線
* var - 定義變數
可變元素
可變元素為根據上下文語境決定該元素為塊元素或者內聯元素。
* applet - java applet
* button - 按鈕
* del - 刪除文本
* iframe - inline frame
* ins - 插入的文本
* map - 圖片區塊(map)
* object - object對象
* script - 客戶端腳本
『叄』 html中塊級元素有哪些
常用無非
div、p、table、td、tr、ul、li、fieldset、legend類具體只要試試看行了唄塊元素天有高度和寬度吧inline元素沒有高度高度其內容文字或者圖片高度
『肆』 html 行級元素和塊級元素標簽列表分別有哪些
行內元素列表:
<a>標簽可定義錨
<abbr>表示一個縮寫形式
<acronym>定義只取首字母縮寫
<b>字體加粗
<bdo>可覆蓋默認的文本方向
<big>大號字體加粗
<br>換行
<cite>引用進行定義
<code>定義計算機代碼文本
<dfn>定義一個定義項目
<em>定義為強調的內容
<i>斜體文本效果
<img>向網頁中嵌入一幅圖像
<input>輸入框
<kbd>定義鍵盤文本
<label>標簽為
<input> 元素定義標注（標記）
<q>定義短的引用
<samp>定義樣本文本
<select>創建單選或多選菜單
<small>呈現小號字體效果
<span>組合文檔中的行內元素
<strong>語氣更強的強調的內容
<sub>定義下標文本
<sup>定義上標文本
<textarea>多行的文本輸入控制項
<tt>打字機或者等寬的文本效果
<var>定義變數
塊級元素列表:
<address>定義地址
<caption>定義表格標題
<dd>定義列表中定義條目
<div>定義文檔中的分區或節
<dl>定義列表
<dt>定義列表中的項目
<fieldset>定義一個框架集
<form>創建 HTML 表單
<h1>定義最大的標題
<h2>定義副標題
<h3>定義標題
<h4>定義標題
<h5>定義標題
<h6>定義最小的標題
<hr>創建一條水平線
<legend>元素為
<fieldset>元素定義標題
<li>標簽定義列表項目
<noframes>為那些不支持框架的瀏覽器顯示文本，於 frameset 元素內部
<noscript>定義在腳本未被執行時的替代內容
<ol>定義有序列表
<ul>定義無序列表
<p>標簽定義段落
<pre>定義預格式化的文本
<table>標簽定義 HTML 表格
<tbody>標簽表格主體（正文）
<td>表格中的標准單元格
<tfoot>定義表格的頁腳（腳注或表注）
<th>定義表頭單元格
<thead>標簽定義表格的表頭
<tr>定義表格中的行
(4)html塊狀擴展閱讀：
一，從概念的角度解釋塊級元素和行內元素
1. 塊級元素，一般都是從新行開始，它可以容納行內元素和其他塊元素，常見塊級元素比如div/p等。「form」這個快元素比較特殊,他只能來容納其他塊元素
2. 行內元素：也叫做內聯元素，一般都是語義級別的基本元素，內聯元素已辦只能容納文本或者其他內聯元素。
塊元素（block element）和內聯元素（inline element）都是html規范中的概念。塊元素和內聯元素的基本差異是塊元素一般都是從新行開始的。
而當加了css控制以後，塊元素可以變為內聯元素，內聯元素也可以變為塊元素。
二，塊級元素和內聯元素的區別
1. 塊級元素會獨佔一行，其寬度自動填滿其父元素寬度
行內元素不會獨佔一行，相鄰的行內元素會排列到同一行里，直到一行排不下，才會換行，其寬度隨元素的內容變化而變化，
2. 一般情況下，塊級元素可以設置width,height屬性，行內元素設置width,height無效
（注意，塊級元素設置了width寬度屬性後仍然是獨佔一行的）
3. 塊級元素可以設置margin,padding屬性
行內元素的水平方向的padding-left和padding-right都會產生邊距效果，但是豎直方向上的padding-top和padding-bottom都不會產生邊距效果
『伍』 html那些是塊狀元素哪些是內聯
塊級元素和內聯元素（通常說行內元素）的區別是塊級有獨立空間。它本身顯示在一行，不管多少位元組。而行內是沒有display：block的特性的。
1 塊級元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
2 行內元素：span, strong, em, br, img , input, label, select, textarea, cite,
『陸』 html所有的塊級標簽和行級標簽有哪些
塊級元素
特點：1.每個塊級元素都是獨自佔一行，其後的元素也只能另起一行，並不能兩個元素共用一行。
2.元素的高度、寬度、行高和頂底邊距都是可以設置的。
3.元素的寬度如果不設置的話，默認為父元素的寬度。
常見的塊級元素：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
行級元素
特點：1.可以和其他元素處於一行，不用必須另起一行。
2.元素的高度、寬度及頂部和底部邊距不可設置。
3.元素的寬度就是它包含的文字、圖片的寬度，不可改變。
塊元素(block element) HTML標簽分類明細
address - 地址
blockquote - 塊引用
center - 舉中對齊塊
dir - 目錄列表
dl - 定義列表
fieldset - form控制組
form - 交互表單 （只能用來容納其它塊元素）
h1 - 大標題
h2 - 副標題
h3 - 3級標題
h4 - 4級標題
h5 - 5級標題
h6 - 6級標題
hr - 水平分隔線
isindex - input prompt
menu - 菜單列表
noframes - frames可選內容，（對於不支持frame的瀏覽器顯示此區塊內容
noscript - 可選腳本內容（對於不支持script的瀏覽器顯示此內容）
ol - 排序表單
p - 段落
pre - 格式化文本
table - 表格
ul - 非排序列表
內聯元素(inline element) HTML標簽分類明細
a - 錨點
abbr - 縮寫
acronym - 首字
b - 粗體(不推薦)
bdo - bidi override
big - 大字體
br - 換行
cite - 引用
code - 計算機代碼(在引用源碼的時候需要)
dfn - 定義欄位
em - 強調
font - 字體設定(不推薦)
i - 斜體
img - 圖片
input - 輸入框
kbd - 定義鍵盤文本
label - 表格標簽
s - 中劃線(不推薦)
samp - 定義範例計算機代碼
select - 項目選擇
small - 小字體文本
span - 常用內聯容器，定義文本內區塊
strike - 中劃線
strong - 粗體強調
sub - 下標
sup - 上標
textarea - 多行文本輸入框
tt - 電傳文本
u - 下劃線
var - 定義變數
可變元素 HTML標簽分類明細
applet - java applet
button - 按鈕
del - 刪除文本
iframe - inline frame
ins - 插入的文本
map - 圖片區塊(map)
object - object對象
script - 客戶端腳本
(6)html塊狀擴展閱讀：
HTML 不是一種編程語言，而是一種標記語言 (markup language)，是網頁製作所必備的。「超文本」就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
超文本標記語言(或超文本標簽語言)的結構包括「頭」部分、和「主體」部分，其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容。
字元集：
在網頁中除了可顯示常見的美國信息交換標准代碼（外語縮寫：ASCII）字元和漢字外，HTML還有許多特殊字元，它們一起構成了HTML字元集。
有2種情況需要使用特殊字元，一是網頁中有其特殊意義的字元，二是鍵盤上沒有的字元。HTML字元可以用一些代碼來表示，代碼可以有2種表示方式。
即字元代碼（命名實體）和數字代碼（編號實體）。字元代碼以「&」符開始，以分號";"結束，其間是字元名，如®。數字代碼也以「&#」符開始，以分號";"結束，其間是編號，如®。
超級文本標記語言是標准通用標記語言下的一個應用，也是一種規范，一種標准，它通過標記符號來標記要顯示的網頁中的各個部分。
網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。
瀏覽器按順序閱讀網頁文件，然後根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。
但需要注意的是，對於不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。
超級文本標記語言文檔製作不是很復雜，但功能強大，支持不同數據格式的文件鑲入，這也是萬維網（WWW）盛行的原因之一，其主要特點如下：
簡易性：超級文本標記語言版本升級採用超集方式，從而更加靈活方便。
可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言採取子類元素的方式，為系統擴展帶來保證。
平台無關性：雖然個人計算機大行其道，但使用MAC等其他機器的大有人在，超級文本標記語言可以使用在廣泛的平台上，這也是萬維網（WWW）盛行的另一個原因。
通用性：另外，HTML是網路的通用語言,一種簡單、通用的全置標記語言。
它允許網頁製作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什麼類型的電腦或瀏覽器。
參考資料來源：網路-HTML
『柒』 HTML行內塊狀元素裡面可以放塊狀元素嗎
可以的抄， 試下這段代碼
<html>
<head>
<title> 測試</title>
</head>
<body>
<em style=display:inline-block;width:300px;height:200px;background-color:#257134;><div style=background-color:#ffff66;width:50px;height:50px;>測試</div></em>
<em style=display:inline-block;width:300px;height:200px;background-color:#252331;><em style=background-color:#ffff66;>測試</em></em>
</body>
</html>
『捌』 HTML哪些是塊級元素，哪些是行內元素
塊級元素：塊級大多為結構性標記
<address>...</adderss>
<center>...</center> 地址文字
<h1>...</h1> 標題一級
<h2>...</h2> 標題二級
<h3>...</h3> 標題三級
<h4>...</h4> 標題四級
<h5>...</h5> 標題五級
<h6>...</h6> 標題六級
<hr> 水平分割線
<p>...</p> 段落
<pre>...</pre> 預格式化
<blockquote>...</blockquote> 段落縮進 前後5個字元
<marquee>...</marquee> 滾動文本
<ul>...</ul> 無序列表
<ol>...</ol> 有序列表
<dl>...</dl> 定義列表
<table>...</table> 表格
<form>...</form> 表單
<div>...</div>
行內元素：行內大多為描述性標記
<span>...</span>
<a>...</a> 鏈接
<br> 換行
<b>...</b> 加粗
<strong>...</strong> 加粗
<img > 圖片
<sup>...</sup> 上標
<sub>...</sub> 下標
<i>...</i> 斜體
<em>...</em> 斜體
<del>...</del> 刪除線
<u>...</u> 下劃線
<input>...</input> 文本框
<textarea>...</textarea> 多行文本
<select>...</select> 下拉列表
·塊級元素
1.總是從新的一行開始
2.高度、寬度都是可控的
3.寬度沒有設置時，默認為100%
4.塊級元素中可以包含塊級元素和行內元素
·行內元素
1.和其他元素都在一行
2.高度、寬度以及內邊距都是不可控的
3.寬高就是內容的高度，不可以改變
4.行內元素只能行內元素，不能包含塊級元素
『玖』 HTML塊級元素和行內元素的區別
在沒有額外寫樣式干擾前提下
塊級元素默認撐滿整行；行級元素可以多個已從左到右的順序顯示在同一行
塊級元素可以通過height或者width設置高寬；行級元素不可，且只根據自身內容自動高寬
塊級元素可以使用margin和padding來設置內外邊距，行級元素不行
『拾』 在HTML中的行內元素和塊狀元素有哪些以及區別
HTML中行內元素與塊級元素的區別：
一、行內元素的特點：
1、行內元素只能版容納文本或者其權他行內元素。
2、寬度只與內容有關。
3、和其他元素都在一行上。
4、高，行高及外邊距和內邊距部分可改變。
二、塊級元素具有以下特點：
1、高度，行高以及外邊距和內邊距都可控制。
2、總是在新行上開始，占據一整行。
3、它可以容納內聯元素和其他塊元素。
4、寬頻始終是與瀏覽器寬度一樣，與內容無關。
三、區別有三個：行內元素與塊級元素直觀上的區別。
1、行內元素會在一條直線上分列，都是統一行的，程度偏向分列。
塊級元素各盤踞一行，垂直偏向分列。
塊級元素重新行開端停止接著一個斷行。
2、塊級元素能夠包括行內元素和塊級元素。
行內元素不克不及包括塊級元素。
3、行內元素與塊級元素屬性的分歧，主如果盒模子屬性上。
行內元素設置width有效，height有效(能夠設置line-height)，margin高低有效，padding高低有效。
4、塊級元素能夠包括行內元素和塊級元素，還能夠包容內聯元素和其餘元素；行內元素不克不及包括塊級元素，只能包容文本或許其餘行內元素。