標(biāo)簽、元素、屬性、樣式的關(guān)系與區(qū)別

雖然已經(jīng)開始進(jìn)入JS的學(xué)習(xí),可是回頭突然想到html-css里原來一度迷惑我的標(biāo)簽、元素、屬性和樣式,覺得也是時(shí)候總結(jié)一下它們的概念和關(guān)系了。

1.標(biāo)簽和元素:

比如,<p>這就是一個(gè)標(biāo)簽; <p>這里是內(nèi)容</p >這就是一個(gè)元素。也就是說元素由一個(gè)開始的標(biāo)簽和結(jié)束的標(biāo)簽組成,用來包含某些內(nèi)容;

注:?jiǎn)螛?biāo)簽是個(gè)例外。例如<br/>本身既是開始標(biāo)簽也是結(jié)束標(biāo)簽,但不包含任何內(nèi)容,所以這只是個(gè)標(biāo)簽。

html網(wǎng)頁實(shí)際上就是由許許多多各種各樣的html元素構(gòu)成的文本文件,并且任何網(wǎng)頁瀏覽器都可以直接運(yùn)行html文件。所以可以這樣說,html元素就是構(gòu)成html文件的基本對(duì)象,html元素可以說是一個(gè)統(tǒng)稱而已。標(biāo)簽就是用來標(biāo)記HTML元素的。

2.屬性和樣式:

a.屬性:

為html元素提供各種附加信息的就是屬性,它總以“屬性名=屬性值”這種名值對(duì)的形式出現(xiàn),而且屬性總是在HTML元素的開始標(biāo)簽中進(jìn)行定義。

例如:


<body>

? <div class="box"></div>

</body>


這里的class就是屬性。一個(gè)元素里可以有多個(gè)屬性,各屬性之間以空格相分離。如,<div 屬性1 屬性2 ...></div>

b.樣式:

樣式是一種新的首選的改變 HTML 元素樣式的方式。通過 HTML 樣式,能夠通過使用 style 屬性直接將樣式添加到 HTML 元素,也可以加在style標(biāo)簽中放在head里。或者間接地在獨(dú)立的樣式表中(CSS 文件)進(jìn)行定義,樣式有值,一般都會(huì)帶單位,以“樣式:樣式值”這樣的格式出現(xiàn)。例如:


.box{background-color:#000;width:100px;text-align:center;}


這里的background-color、width等就是樣式。樣式也可以有多個(gè),各個(gè)樣式之間用;隔開。如,某選擇器{樣式1;樣式2;...}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容