詳解HTML常用的標(biāo)簽中行內(nèi)元素和塊級(jí)元素
塊元素(block element) HTML標(biāo)簽分類明細(xì)
* address - 地址
* blockquote - 塊引用
* center - 舉中對(duì)齊塊
* dir - 目錄列表
* div - 常用塊級(jí)容易,也是css layout的主要標(biāo)簽
* dl - 定義列表
* fieldset - form控制組
* form - 交互表單 (只能用來容納其它塊元素)
* h1 - 大標(biāo)題
* h2 - 副標(biāo)題
* h3 - 3級(jí)標(biāo)題
* h4 - 4級(jí)標(biāo)題
* h5 - 5級(jí)標(biāo)題
* h6 - 6級(jí)標(biāo)題
* hr - 水平分隔線
* isindex - input prompt
* menu - 菜單列表
* noframes - frames可選內(nèi)容,(對(duì)于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容
* noscript - 可選腳本內(nèi)容(對(duì)于不支持script的瀏覽器顯示此內(nèi)容)
* ol - 排序表單
* p - 段落
* pre - 格式化文本
* table - 表格
* ul - 非排序列表
內(nèi)聯(lián)元素(inline element) HTML標(biāo)簽分類明細(xì)
* a - 錨點(diǎn)
* abbr - 縮寫
* acronym - 首字
* b - 粗體(不推薦)
* bdo - bidi override
* big - 大字體
* br - 換行
* cite - 引用
* code - 計(jì)算機(jī)代碼(在引用源碼的時(shí)候需要)
* dfn - 定義字段
* em - 強(qiáng)調(diào)
* font - 字體設(shè)定(不推薦)
* i - 斜體
* img - 圖片
* input - 輸入框
* kbd - 定義鍵盤文本
* label - 表格標(biāo)簽
* q - 短引用
* s - 中劃線(不推薦)
* samp - 定義范例計(jì)算機(jī)代碼
* select - 項(xiàng)目選擇
* small - 小字體文本
* span - 常用內(nèi)聯(lián)容器,定義文本內(nèi)區(qū)塊
* strike - 中劃線
* strong - 粗體強(qiáng)調(diào)
* sub - 下標(biāo)
* sup - 上標(biāo)
* textarea - 多行文本輸入框
* tt - 電傳文本
* u - 下劃線
* var - 定義變量
可變元素 HTML標(biāo)簽分類明細(xì)
* applet - java applet
* button - 按鈕
* del - 刪除文本
* iframe - inline frame
* ins - 插入的文本
* map - 圖片區(qū)塊(map)
* object - object對(duì)象
* script - 客戶端腳本
總結(jié):
1.塊級(jí)元素 block 如 div h1 p ul li等 會(huì)換行 想在同一行顯示
需浮動(dòng)或者display: inline
2.行級(jí)元素 inline 如 a span b 多個(gè)可以并排顯示 默認(rèn)設(shè)置寬度是不起作用
需設(shè)置 display: inline-block或者block才行。
總結(jié)
以上所述是小編給大家介紹的HTML常用的標(biāo)簽中行內(nèi)元素和塊級(jí)元素,希望對(duì)大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
HTML中img標(biāo)簽只顯示圖片中心位置的方法(三種方法)
html中 img標(biāo)簽顯示圖片中心的方法目前知道三種,下面小編把他分享到腳本之家平臺(tái),需要的朋友參考下2017-04-13- 這篇文章給大家整理了html5新增的九個(gè)標(biāo)簽,非常不錯(cuò),需要的朋友參考下2017-04-13

Html Mate 標(biāo)簽 使用詳解 中文WORD版
本文檔主要講述的是Html Mate 標(biāo)簽使用詳解;meta是html語言head區(qū)的一個(gè)輔助性標(biāo)簽。meta標(biāo)簽共有兩個(gè)屬性,它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的參2017-03-19- 本文給大家介紹了html5中各種頭部meta標(biāo)簽功能小結(jié),非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下2017-03-13
- HTML5規(guī)范畢竟是剛剛才定義完成的規(guī)范,還有一些瀏覽器并不能支持其中的新標(biāo)簽和新屬性,尤其是IE8及以下版本瀏覽器。下面給大家介紹處理HTML5新標(biāo)簽的瀏覽器兼容版問題,2017-03-13
本文檔主要講述的是HTML中的base標(biāo)簽;希望本文檔會(huì)給有需要的朋友帶來幫助;感興趣的朋友可以過來看看2017-02-17- 行內(nèi)塊(inline-block)是非常有用的特別是想要不用'block'和'float'來控制這些行內(nèi)元素的margin,padding之時(shí),行內(nèi)元素之間的空白有時(shí)候顯示在屏幕上那是相當(dāng)?shù)挠憛?/div> 2013-08-28
html內(nèi)聯(lián)元素和塊級(jí)元素的基本概念及使用示例
html標(biāo)簽分為兩種,內(nèi)聯(lián)元素和塊級(jí)元素,塊級(jí)元素:一般是其它元素的容器;內(nèi)聯(lián)元素:只能容納文本或者其他內(nèi)聯(lián)元素;首先我們先了解一下內(nèi)聯(lián)元素和塊級(jí)元素的概念2013-11-18HTML5在a標(biāo)簽內(nèi)放置塊級(jí)元素示例代碼
你沒看錯(cuò):用一個(gè)A標(biāo)簽包裹塊級(jí)元素,在HTML5以前,a標(biāo)簽屬于行內(nèi)元素,而div,h1,p 等為塊級(jí)元素,如果強(qiáng)行包裹,可能會(huì)被強(qiáng)行截?cái)酁槎鄠€(gè)a標(biāo)簽,感興趣的朋友可以了解些2013-08-23html 內(nèi)聯(lián)元素和html 塊級(jí)元素概述及區(qū)別
塊級(jí)元素(block)特性:總是獨(dú)占一行,表現(xiàn)為另起一行開始,而且其后的元素也必須另起一行顯示;內(nèi)聯(lián)元素(inline)特性:和相鄰的內(nèi)聯(lián)元素在同一行,接下來為大家詳細(xì)介紹下,感2013-03-25最新評(píng)論



