Html中塊級標籤和行級標籤的分類和使用

2021-07-23 16:38:24 字數 1780 閱讀 7074

塊元素(block element) html標籤分類明細 

* 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) html標籤分類明細 

* 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 - 定義變數

可變元素  html標籤分類明細 

* button - 按鈕   

* del - 刪除文字   

* iframe - inline frame   

* ins - 插入的文字   

* map - 區塊(map)   

* object - object物件   

* script - 客戶端指令碼

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

需浮動或者display: inline

2.行級元素 inline 如 a span b 多個可以併排顯示 預設設定寬度是不起作用 

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

HTML中的行級標籤和塊級標籤

一 塊級標籤 1.獨佔一行,不和其他元素待在同一行 2.能設定寬高 常見的塊級標籤 div,p,h1 h6,ul,li,dl,dt,dd 我們是p標籤 我們是p標籤 我們是p標籤 在瀏覽器開啟顯示。二 行級標籤 1.能和其他元素待在同一行 2.不能設定寬高 常見的行級標籤 a,span,strong...

HTML常用標籤 內基本標籤(塊級標籤和內聯標籤)

html常用標籤 內基本標籤 塊級標籤和內聯標籤 一.系列標籤 n的取值範圍是1 6,從小到大,用來表示標題。1 6doctype html 7 html lang en 8 head 9 meta charset utf 8 10 title yinzhengjie title 11head 12...

塊級標籤,行內標籤,行內塊標籤

行內元素 塊標籤行內塊標籤 巢狀規則 塊級元素 獨佔一行,對寬高的屬性值生效 如果不給寬度,塊級元素就預設為瀏覽器的寬度,即就是100 寬 行內元素 可以多個標籤存在一行,對寬高屬性值不生效,完全靠內容撐開寬高!行內塊元素 結合的行內和塊級的優點,不僅可以對寬高屬性值生效,還可以多個標籤存在一行顯示...