一、行內元素與塊級元素

塊級元素列表
<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> 定義表格中的行
行內元素列表
<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> 定義變數
可變元素素列表--可變元素為根據上下文語境決定該元素為塊元素或者內聯元素
<button> 按鈕
<del> 定義文件中已被刪除的文字
<iframe> 建立包含另外一個文件的內聯框架(即行內框架)
<ins> 標籤定義已經被插入文件中的文字
<map> 客戶端影象對映(即熱區)
<object> object物件
<script> 客戶端指令碼

二、行內元素與塊級函式的三個區別

1.行內元素與塊級元素直觀上的區別

行內元素會在一條直線上排列,都是同一行的,水平方向排列

塊級元素各佔據一行,垂直方向排列。塊級元素從新行開始結束接著一個斷行。

2.塊級元素可以包含行內元素和塊級元素。行內元素不能包含塊級元素。

3.行內元素與塊級元素屬性的不同,主要是盒模型屬性上

行內元素設定width無效,height無效(可以設定line-height),margin上下無效,padding上下無效

三、行內元素轉換為塊級元素

display:block (字面意思表現形式設為塊級)