詳解HTML常用的標簽中行內(nèi)元素和塊級元素
塊元素(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可選內(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 - 字體設(shè)定(不推薦)
* 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 如 div h1 p ul li等 會換行 想在同一行顯示
需浮動或者display: inline
2.行級元素 inline 如 a span b 多個可以并排顯示 默認設(shè)置寬度是不起作用
需設(shè)置 display: inline-block或者block才行。
總結(jié)
以上所述是小編給大家介紹的HTML常用的標簽中行內(nèi)元素和塊級元素,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
- html中 img標簽顯示圖片中心的方法目前知道三種,下面小編把他分享到腳本之家平臺,需要的朋友參考下2017-04-13
- 這篇文章給大家整理了html5新增的九個標簽,非常不錯,需要的朋友參考下2017-04-13
本文檔主要講述的是Html Mate 標簽使用詳解;meta是html語言head區(qū)的一個輔助性標簽。meta標簽共有兩個屬性,它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的參2017-03-19- 本文給大家介紹了html5中各種頭部meta標簽功能小結(jié),非常不錯,具有參考借鑒價值,需要的的朋友參考下2017-03-13
- HTML5規(guī)范畢竟是剛剛才定義完成的規(guī)范,還有一些瀏覽器并不能支持其中的新標簽和新屬性,尤其是IE8及以下版本瀏覽器。下面給大家介紹處理HTML5新標簽的瀏覽器兼容版問題,2017-03-13
本文檔主要講述的是HTML中的base標簽;希望本文檔會給有需要的朋友帶來幫助;感興趣的朋友可以過來看看2017-02-17- 行內(nèi)塊(inline-block)是非常有用的特別是想要不用'block'和'float'來控制這些行內(nèi)元素的margin,padding之時,行內(nèi)元素之間的空白有時候顯示在屏幕上那是相當?shù)挠憛?/div> 2013-08-28
html內(nèi)聯(lián)元素和塊級元素的基本概念及使用示例
html標簽分為兩種,內(nèi)聯(lián)元素和塊級元素,塊級元素:一般是其它元素的容器;內(nèi)聯(lián)元素:只能容納文本或者其他內(nèi)聯(lián)元素;首先我們先了解一下內(nèi)聯(lián)元素和塊級元素的概念2013-11-18你沒看錯:用一個A標簽包裹塊級元素,在HTML5以前,a標簽屬于行內(nèi)元素,而div,h1,p 等為塊級元素,如果強行包裹,可能會被強行截斷為多個a標簽,感興趣的朋友可以了解些2013-08-23html 內(nèi)聯(lián)元素和html 塊級元素概述及區(qū)別
塊級元素(block)特性:總是獨占一行,表現(xiàn)為另起一行開始,而且其后的元素也必須另起一行顯示;內(nèi)聯(lián)元素(inline)特性:和相鄰的內(nèi)聯(lián)元素在同一行,接下來為大家詳細介紹下,感2013-03-25最新評論



