網頁設計中快級元素和行級元素

1、html中的行內元素和塊級元素有哪些

塊狀元素特點：

獨佔一行，在默認情況下，寬度自動填滿父元素寬度

寬度和高度可以控制

margin和padding橫向縱向設置都有效

可以通過display: inline; 轉換為行內元素

除個別特殊元素外，可包含塊狀元素和行內元素

行內元素特點：

不能獨佔一行

寬高由內容撐開

margin和padding橫向設置有效，縱向設置不產生邊距效果

可以通過display: block; 轉換為塊狀元素

除ins和del外，不能包含塊狀元素

資料來源於：HTML5學堂

關於HTML+CSS+JavaScript的知識，推薦你去看看HTML5學堂。

2、在製作網頁時，塊級元素和行內元素分別有哪些？

塊級元素佔一行，不論內容多少只要是有2個這樣的元素就會換行，行內元素內容少時不會換行。這是個重要區別。
塊級元素(block
element)
div
-最常用的塊級元素
dl
-
和dt
dd搭配使用的塊級元素
form
-
交互表單
h1
-
大標題
hr
-
水平分隔線
ol
-
排序表單
p
-
段落
ul
-
非排序列表
內聯元素(inline
element)
a
-
錨點
b
-
粗體(不推薦)
br
-
換行
em
-
強調
font
-
字體設定(不推薦)
i
-
斜體
img
-
圖片
input
-
輸入框
label
-
表格標簽
select
-
項目選擇
small
-
小字體文本
span
-
常用內聯容器，定義文本內區塊
strike
-
中劃線
strong
-
粗體強調
sub
-
下標
sup
-
上標
textarea
-
多行文本輸入框
tt
-
電傳文本
u
-
下劃線

3、html5中塊級元素與行內與元素有哪些

塊元素一般都從新行開始，它可以容納內聯元素和其他塊元素,常見塊元素是段落標簽'P"。「form"這個塊元素比較特殊，它只能用來容納其他塊元素。   

塊元素(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 - 定義變數

4、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 - 客戶端腳本

(4)網頁設計中快級元素和行級元素擴展資料：

HTML 不是一種編程語言，而是一種標記語言 (markup language)，是網頁製作所必備的。「超文本」就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。

超文本標記語言(或超文本標簽語言)的結構包括「頭」部分、和「主體」部分，其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容。

字元集：

在網頁中除了可顯示常見的美國信息交換標准代碼（外語縮寫：ASCII）字元和漢字外，HTML還有許多特殊字元，它們一起構成了HTML字元集。

有2種情況需要使用特殊字元，一是網頁中有其特殊意義的字元，二是鍵盤上沒有的字元。HTML字元可以用一些代碼來表示，代碼可以有2種表示方式。

即字元代碼（命名實體）和數字代碼（編號實體）。字元代碼以「&」符開始，以分號";"結束，其間是字元名，如&reg;。數字代碼也以「&#」符開始，以分號";"結束，其間是編號，如®。

超級文本標記語言是標准通用標記語言下的一個應用，也是一種規范，一種標准，它通過標記符號來標記要顯示的網頁中的各個部分。

網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。

瀏覽器按順序閱讀網頁文件，然後根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。

但需要注意的是，對於不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。

超級文本標記語言文檔製作不是很復雜，但功能強大，支持不同數據格式的文件鑲入，這也是萬維網（WWW）盛行的原因之一，其主要特點如下：

簡易性：超級文本標記語言版本升級採用超集方式，從而更加靈活方便。

可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言採取子類元素的方式，為系統擴展帶來保證。

平台無關性：雖然個人計算機大行其道，但使用MAC等其他機器的大有人在，超級文本標記語言可以使用在廣泛的平台上，這也是萬維網（WWW）盛行的另一個原因。

通用性：另外，HTML是網路的通用語言,一種簡單、通用的全置標記語言。

它允許網頁製作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什麼類型的電腦或瀏覽器。

參考資料來源：網路-HTML

5、在html中行內元素和塊級元素的有哪些

P段落，它是塊元素，但不同於DIV這個塊的，一般有些書上稱之為區塊元素。DIV是有長和寬等屬性的，在HTML中形成一個區塊。而塊是不必具備長寬等屬性的。顯然，如果將P理解為行內是不對的，P中可以有很多個行，它不是能說是行內元素的。稱其為塊的原因是它有自己的諸如：line-height等行元素沒有的東西。顯然，可以把等稱為行內元素，但說P倒是不合適的。而這里的塊，所指的也非是內容上的塊。而指的是文本或文本流中的塊。也就是說P是表示有一塊文本流。而DIV，不僅僅是文本流上的塊，在顯示上也形成了一個區域塊。所以稱DIV為區塊或塊是合適的！所以單就文本流而言，P是一個塊元素的。而單就HTML的實體表現上來說。DIV是一個能形成區塊的塊（區塊）元素！但在實際的使用中，是沒有必要將其分得很清楚的！大多的教材上還稱P是塊元素的原因，就是稱其為行內元素沒有根據，且不合適。

6、HTML中行內元素與塊級元素的區別

區別：

1.行內元素與塊級函數可以相互轉換，通過修改display屬性值來切換塊級元素和行內元素，行內元素display：inline，塊級元素display：block。

2.行內元素和其他行內元素都會在一條水平線上排列，都是在同一行的；塊級元素卻總是會在新的一行開始排列，各個塊級元素獨佔一行，垂直向下排列，若想使其水平方向排序，可使用左右浮動（float：left/right）讓其水平方向排列。

3.行內元素不可以設置寬高，寬度高度隨文本內容的變化而變化，但是可以設置行高（line-height），同時在設置外邊距margin上下無效，左右有效，內填充padding上下無效，左右有效；塊級元素可以設置寬高，並且寬度高度以及外邊距，內填充都可隨意控制。        

4.塊級元素可以包含行內元素和塊級元素，還可以容納內聯元素和其他元素；行內元素不能包含塊級元素，只能容納文本或者其他行內元素。

(6)網頁設計中快級元素和行級元素擴展資料：

內聯元素又名行內元素，和其對應的是塊元素，都是html規范中的概念。內聯元素的顯示，為了幫助理解，可以形象的稱為「文本模式」，即一個挨著一個，都在同一行按從左至右的順序顯示，不單獨佔一行。而當加入了css控制以後，塊元素和內聯元素的這種屬性差異就不成為差異了。比如，我們完全可以把內聯元素加上display:block這樣的屬性，讓它也有每次都從新行開始的屬性，即成為塊元素同樣我們可以把塊元素加上display:inline這樣的屬性，讓它也在一行上排列。

7、HTML中行內元素和塊級元素的區別及轉換

區別可以去找 「html文檔流」相關的資料去學習，最主要的區別就是元素是占據一行還是擠在一行

轉換的方式是用css的display屬性

display:block; /*轉換為塊級*/
display:inline; /*轉換為行內*/

還有一種是
display:inline-block; /* 其實仍未行內元素，但是可以設置width及height屬性等*/

8、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>定義表格中的行

(8)網頁設計中快級元素和行級元素擴展資料：

一，從概念的角度解釋塊級元素和行內元素

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都不會產生邊距效果

9、Html 塊級元素和行內元素的概念及特性是什麼？

塊元素一般都從新行開始，它可以容納內聯元素和其他塊元素,常見塊元素是段落標簽'P"。「"這個塊元素比較特殊，它只能用來容納其他塊元素。
塊元素(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 - 定義變數

10、網頁設計中任意四種快元素

是塊級元素吧，div, p, ul, h1 等等