本文主要和大家詳細介紹了HTML常用的標籤中行內元素和區塊級元素,需要的朋友參考下吧,希望能幫助大家。
區塊元素(block element) HTML標籤分類明細
* address - 位址
* blockquote - 區塊參考
* center - 舉中對齊區塊
目錄清單
* p - 常用區塊層級容易,也是css layout的主要標籤
* dl - 定義清單
* fieldset - form控制群組
* form - 互動表單(只能用來容納互動表單(只能用來容納互動表單其它塊元素)
* h1 - 大標題
* h2 - 副標題
* h3 - 3級標題
# * h4 - 4級標題# # # *. h6 - 6級標題
* hr - 水平分隔線
* isindex - input prompt
* menu - 選單清單
* noframes - frames可選內容,(對於不支援frame的瀏覽器顯示此區塊內容
* noscript - 選用腳本內容(適用於不支援script的瀏覽器顯示此內容)
* ol - 排序表單
* p - 段落
* pre pre - 格式化文字
* table - 表格
* ul - 非排序清單
內嵌元素(inline element) HTML標籤分類明細
* * abbr - 縮寫
* acronym - 首字 * b - 粗體(不建議)
* bdo - bidi override
* big
- bidi
* cite - 引用
* code - 電腦程式碼(在引用原始碼的時候需要)
* dfn - 定義欄位
* em - 強調
* font - 設定(不建議)
* i - 斜體
* img - 圖片
* input - 輸入方塊
* kbd - 定義鍵盤文字
* l - 中劃線(不推薦)
* samp - 定義範例電腦程式碼
* select - 項目選擇
* small - 小字體文字
* span - 常用內嵌容器,並定義文字內區區塊
* strike - 中劃線
* strong - 粗體強調
* sub - 下標
* sup - tt - 電傳文字
* u - 底線
* var - 定義變數
可變元素 HTML標籤分類明細
* applet - java applet
# * applet - java applet
# * button - 按鈕
* iframe - inline frame
* ins - 插入的文字
總結:
1.區塊級元素block 如p h1 p ul li等會換行想在同一行顯示
需要浮動或display: inline
2.行級元素inline 如a span b 多個可以並排顯示預設設定寬度是不起作用
匯總三種行內元素轉為區塊級元素的方法
html中的行內元素和區塊級元素小結
以上是HTML標籤中行內元素與區塊級元素詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!