HTML行級元素和塊級元素標簽列表
⭐ tips:塊級元素占一行,不論內容多少只要是有2個這樣的元素就會換行,行內元素內容少時不會換行。
一、塊元素(block)的特點:
1. 總是在新行上開始;
2. 高度,行高以及頂和底邊距都可控制;
3. 寬度缺省是它的容器的100%,除非設定一個寬度。
二、行內元素(inline)的特點:
1. 和其他元素都在一行上;
2. 高,行高及頂和底邊距不可改變;
3. 寬度就是它的文字或圖片的寬度,不可改變。
三、行塊級之間的轉換:
1. 行內標簽轉換塊級標簽:display:block
2. 塊級元素轉換行內元素:display:inline
四、行內元素列表:
<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> 定義變量
<u> 下划線
五、塊級元素列表:
<address> 定義地址
<caption> 定義表格標題
<dd> 定義列表中定義條目
<div> 定義文檔中的分區或節
<dl> 定義列表
<dt> 定義列表中的項目
<fieldset> 定義一個框架集
<form> 創建 HTML 表單
<h1> 定義最大的標題
<h2> 定義副標題
<h3> 定義標題
<h4> 定義標題
<h5> 定義標題
<h6> 定義最小的標題
<hr> 創建一條水平線
<legend> 元素為
<fieldset> 元素定義標題
<noframes> 為那些不支持框架的瀏覽器顯示文本,於 frameset 元素內部
<noscript> 定義在腳本未被執行時的替代內容
<ol> 定義有序列表
<ul> 定義無序列表
<li> 標簽定義列表項目
<p> 標簽定義段落
<pre> 定義預格式化的文本
<table> 標簽定義 HTML 表格
<tbody> 標簽表格主體(正文)
<td> 表格中的標准單元格
<tfoot> 定義表格的頁腳(腳注或表注)
<th> 定義表頭單元格
<thead> 標簽定義表格的表頭
<tr> 定義表格中的行
六、可變元素:為根據上下文語境決定該元素為塊元素或者行內元素。
applet - java applet
button - 按鈕
del - 刪除文本
iframe - inline frame
ins - 插入的文本
map - 圖片區塊(map)
object - object對象
script - 客戶端腳本
