新聞中心
這篇文章主要介紹HTML中div標(biāo)簽如何使用,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)從2013年成立,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命,1280元郊區(qū)做網(wǎng)站,已為上家服務(wù),為郊區(qū)各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575什么是div標(biāo)簽?
div標(biāo)簽表示一組必要的結(jié)構(gòu)。目的是將夾在div標(biāo)簽之間的字符分成塊狀。因此,單獨(dú)的div標(biāo)簽沒有諸如改變顏色或改變字符樣式的效果。
另外,如果div標(biāo)簽不適合其他元素,則就暫時(shí)不要使用它。
但是,實(shí)際上,當(dāng)需要指定哪個(gè)元素時(shí),我們經(jīng)常會(huì)使用div標(biāo)簽。
通過將id和class添加到div標(biāo)簽并使用CSS處理id和class,你就可以更改div標(biāo)簽中的顏色或改變?yōu)槠渌麡邮健?/p>
div標(biāo)簽與Section標(biāo)簽的比較
我認(rèn)為section標(biāo)簽在文檔上顯示單個(gè)集合比較合適
section標(biāo)簽用于將組指示為文檔。
我認(rèn)為章節(jié)有章節(jié)的項(xiàng)
正如章節(jié)子句的這個(gè)概念一樣,section標(biāo)簽是一個(gè)塊,如果它被提取,通常沒有意義。
在報(bào)紙文章中,即使你只剪輯章節(jié)項(xiàng),我也不認(rèn)為整篇文章的意圖可以傳達(dá)。
通過比較,section標(biāo)簽的使用方式與div標(biāo)簽的使用方式不同,而是作為句子用于表示組。
div標(biāo)簽的用法
寫下div標(biāo)簽如下。
內(nèi)容
如上所述,div標(biāo)簽通過添加id和class非常有用。如何分配id和class如下。
內(nèi)容內(nèi)容
順便說一下id和class
順便說一下,id和class是什么?id和class被稱為屬性,id是I具有D號(hào)之類的東西,具有相同id名稱的東西只能在該頁面內(nèi)使用一次。
相反,我們將id屬性用于我們僅使用一次的事物。
另一方面,class屬性可以在同一頁面上使用多次。如果要指定“此元素和此元素的顏色相同”,請(qǐng)使用class屬性。
當(dāng)然,即使你只使用一次,也可以使用class屬性。
我們來看實(shí)際的例子
我們先來看看div標(biāo)簽包圍的結(jié)果
對(duì)于id和class,我們指定每個(gè)名詞的顏色名稱。
使用以下源代碼創(chuàng)建div.html并在瀏覽器中打開它。
div.html
蘋果天空香蕉大海蒲公英
在瀏覽器中顯示效果如下:
上述只有文字顯示,現(xiàn)在讓我們用CSS作為背景上色。
蘋果天空香蕉大海蒲公英
在瀏覽器中顯示效果如下:
可以看到背景是彩色的,也還可以確認(rèn)指定了多個(gè)相同的類。
以上是HTML中div標(biāo)簽如何使用的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道!
網(wǎng)站欄目:HTML中div標(biāo)簽如何使用-創(chuàng)新互聯(lián)
當(dāng)前地址:http://www.dlmjj.cn/article/cdsjes.html