明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

HTML標簽中行內(nèi)元素與塊級元素詳細說明

發(fā)表時間：2024-05-10 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本文主要和大家詳細介紹了HTML常用的標簽中行內(nèi)元素和塊級元素，需要的朋友參考下吧，希望能幫助到大家。塊元素(block element) HTML標簽分類明細 * address - 地址 * blockquote - 塊引用 * center - 舉中對齊塊 *...
本文主要和大家詳細介紹了HTML常用的標簽中行內(nèi)元素和塊級元素，需要的朋友參考下吧，希望能幫助到大家。

塊元素(block element) HTML標簽分類明細

* address - 地址
* blockquote - 塊引用
* center - 舉中對齊塊
* dir - 目錄列表
* p - 常用塊級容易，也是css layout的主要標簽
* dl - 定義列表
* fieldset - form控制組
* form - 交互表單 （只能用來容納其它塊元素）
* h1 - 大標題
* h2 - 副標題
* h3 - 3級標題
* h4 - 4級標題
* h5 - 5級標題
* h6 - 6級標題
* hr - 水平分隔線
* isindex - input prompt
* menu - 菜單列表
* noframes - frames可選內(nèi)容，（對于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容
* noscript - 可選腳本內(nèi)容（對于不支持script的瀏覽器顯示此內(nèi)容）
* ol - 排序表單
* p - 段落
* pre - 格式化文本
* table - 表格
* ul - 非排序列表

內(nèi)聯(lián)元素(inline element) HTML標簽分類明細

* a - 錨點
* abbr - 縮寫
* acronym - 首字
* b - 粗體(不推薦)
* bdo - bidi override
* big - 大字體
* br - 換行
* cite - 引用
* code - 計算機代碼(在引用源碼的時候需要)
* dfn - 定義字段
* em - 強調(diào)
* font - 字體設定(不推薦)
* i - 斜體
* img - 圖片
* input - 輸入框
* kbd - 定義鍵盤文本
* label - 表格標簽
* q - 短引用
* s - 中劃線(不推薦)
* samp - 定義范例計算機代碼
* select - 項目選擇
* small - 小字體文本
* span - 常用內(nèi)聯(lián)容器，定義文本內(nèi)區(qū)塊
* strike - 中劃線
* strong - 粗體強調(diào)
* sub - 下標
* sup - 上標
* textarea - 多行文本輸入框
* tt - 電傳文本
* u - 下劃線
* var - 定義變量

可變元素 HTML標簽分類明細

* applet - java applet　　
* button - 按鈕　　
* del - 刪除文本　　
* iframe - inline frame　　
* ins - 插入的文本　　
* map - 圖片區(qū)塊(map)　　
* object - object對象　　
* script - 客戶端腳本

總結(jié)：

1.塊級元素 block 如 p h1 p ul li等 會換行 想在同一行顯示

需浮動或者display: inline

2.行級元素 inline 如 a span b 多個可以并排顯示 默認設置寬度是不起作用

需設置 display: inline-block或者block才行。

相關(guān)推薦：

匯總?cè)N行內(nèi)元素轉(zhuǎn)為塊級元素的方法

html中的行內(nèi)元素和塊級元素小結(jié)

行內(nèi)元素的相關(guān)用法總結(jié)

以上就是HTML標簽中行內(nèi)元素和塊級元素詳解的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設是一個廣義的術(shù)語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。