HTML标签类型及特点
一、 概述
HTML(Hyper Text Markup Language )作為一種標(biāo)記語(yǔ)言,網(wǎng)頁(yè)所有的內(nèi)容均書(shū)寫(xiě)在標(biāo)簽內(nèi)部,標(biāo)簽是組成Html頁(yè)面的基本元素,因此對(duì)標(biāo)簽特性的理解在HTML的學(xué)習(xí)過(guò)程中比較重要。
二、基本分類(lèi)
HTML中的標(biāo)簽從閉合的角度可以分為閉合標(biāo)簽和空標(biāo)簽。而HTML中大部分標(biāo)簽都是閉合標(biāo)簽,其他少數(shù)為空標(biāo)簽,常見(jiàn)的空標(biāo)簽有<input />、 <img />、 <area />、 <base />、 <link />等。
HTML中對(duì)標(biāo)簽另一種分類(lèi)方式,是根據(jù)標(biāo)簽在文檔中的位置特性進(jìn)行分類(lèi)的,它將元素分為三類(lèi):塊級(jí)元素,行內(nèi)元素,行級(jí)塊元素(也稱(chēng)塊級(jí)行元素)。
1.塊級(jí)元素(block)
特點(diǎn):
(1)可以設(shè)置寬高、內(nèi)、外邊距;
(2)獨(dú)占一行(即前后均有換行);
(3)塊級(jí)元素如果不設(shè)置寬度和高度,則寬度默認(rèn)為父級(jí)元素的寬度。高度則根據(jù)內(nèi)容大小自動(dòng)填充。
常見(jiàn)的塊級(jí)元素: div、p、h1、h2…h(huán)n,ol、ul、dl、li、form、table
2.行級(jí)元素(inline)
特點(diǎn):
(1)不可設(shè)置寬高、上下內(nèi)、外邊距。(左右內(nèi)、外邊距設(shè)置有效)
(2)其寬度和高度由其內(nèi)容自動(dòng)填充。
(2)其他行級(jí)元素共處一行 ;
常見(jiàn)的行級(jí)元素:a、span、i、lable等
3.行內(nèi)塊元素(inline-block)
特點(diǎn):
(1)可以設(shè)置寬高、內(nèi)外邊距;
(2)可以與其他行內(nèi)元素、內(nèi)聯(lián)元素共處一行;
常見(jiàn)的內(nèi)聯(lián)元素:input、img
4.元素之間的轉(zhuǎn)化
可以在行內(nèi)樣式或css樣式中改變?cè)氐膁isplay將三種元素進(jìn)行轉(zhuǎn)換。
display:block;(將元素變?yōu)閴K級(jí)元素)
display:inline; (將元素變?yōu)樾屑?jí)元素)
display:inline-block;(將元素變?yōu)樾屑?jí)塊元素)
總結(jié)
以上是生活随笔為你收集整理的HTML标签类型及特点的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: IAR keil5
- 下一篇: HTML页面提交TABLE