資訊專欄INFORMATION COLUMN
摘要：屬性標(biāo)簽可以設(shè)置屬性，屬性一般以鍵值對的方式寫在開始標(biāo)簽中標(biāo)簽除一些特定屬性外可以設(shè)置自定義屬性，一個(gè)標(biāo)簽可以設(shè)置多個(gè)屬性用空格分隔，多個(gè)屬性不區(qū)分先后順序。獨(dú)占一行元素的高度寬度行高以及頂和底邊距都可設(shè)置。
HTML標(biāo)簽可以設(shè)置屬性，屬性一般以鍵值對的方式寫在開始標(biāo)簽中
1.HTML標(biāo)簽除一些特定屬性外可以設(shè)置自定義屬性，一個(gè)標(biāo)簽可以設(shè)置多個(gè)屬性用空格分隔，多個(gè)屬性不區(qū)分先后順序。
2.屬性值要用引號包裹起來，通常使用雙引號也可以單引號。
3.屬性和屬性值不區(qū)分大小寫，但是推薦使用小寫。
這個(gè)舉個(gè)生活中的例子，你要在茫茫人海中找到你的女神，你依據(jù)什么來找呢？肯定依據(jù)她身上的某個(gè)特征來找對吧？這個(gè)特征換個(gè)詞就是屬性，她特有的屬性，其他人沒有的對吧？比如她今天穿的紫色長裙，那么你可以立馬鎖定女性，穿長裙，且裙子是紫色的人，這樣立馬就可以篩選掉一批人了對吧？然后你再根據(jù)你對你女神的了解，比如她走路的姿勢，身高，體型等等的，要不了多久你就可以找到你的女神了對吧。
那么這里web頁面的標(biāo)簽也是，就是因?yàn)樗辛怂膶傩?，第一，它的屬性會有一些功能幫助我們更好編寫web頁面，第二，它這些屬性我們在開發(fā)網(wǎng)站的時(shí)候可以利用某個(gè)屬性來調(diào)整樣式，調(diào)整此標(biāo)簽的行為等等的。
以上所述，就是會有屬性的原因
每個(gè)塊級元素都從新的一行開始，并且其后的元素也另起一行。獨(dú)占一行
元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。
元素寬度在不設(shè)置的情況下，是它本身父容器的100%（和父元素的寬度一致），除非設(shè)定一個(gè)寬度。
常用的塊狀元素：
行內(nèi)元素特點(diǎn)：display:inline;
常用的行內(nèi)塊狀元素：
[object Object] [object Object]
行內(nèi)塊狀元素的特點(diǎn)：display:inline-block;
常用的行內(nèi)元素
注意:可以通過display屬性對塊級元素、行內(nèi)元素、行內(nèi)塊元素進(jìn)行轉(zhuǎn)換，為后面頁面布局做好了準(zhǔn)備。
標(biāo)簽與標(biāo)簽之間也可以相互包含，或者說嵌套，但并不是任意嵌套，也有規(guī)則的：
比如，li標(biāo)簽里可以包含div，ul，ol標(biāo)簽
我標(biāo)記出來的那里就很好的提現(xiàn)標(biāo)簽的嵌套關(guān)系，有興趣的可以自己再去看看
好的，html結(jié)構(gòu)介紹完了，后面進(jìn)入css介紹
有幾個(gè)特殊的塊級元素只能包含內(nèi)嵌元素，不能再包含塊級元素，這幾個(gè)特殊的標(biāo)簽是：h1、h2、h3、h4、h5、h6、p
和其他元素都在一行上；
元素的高度、寬度、行高以及頂和底邊距都可設(shè)置
和其他元素都在一行上；
元素的高度、寬度及頂部和底部邊距不可設(shè)置；
元素的寬度就是它包含的文字或圖片的寬度，不可改
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/1561.html
摘要：最近在看前端開發(fā)最佳實(shí)踐，看到有一個(gè)小節(jié)的標(biāo)題是過時(shí)的塊狀元素和行內(nèi)元素，之前聽到的關(guān)于標(biāo)簽的嵌套規(guī)范一直在講，甚至面試的時(shí)候還被問到，但是自己在之前的工作中，的的確確用標(biāo)簽包過塊元素，為了能有一個(gè)更好的用戶體驗(yàn)，模擬的一個(gè)按鈕。 最近在看《web前端開發(fā)最佳實(shí)踐》，看到有一個(gè)小節(jié)的標(biāo)題是 過時(shí)的塊狀元素和行內(nèi)元素 ，之前聽到的關(guān)于HTML標(biāo)簽的嵌套規(guī)范一直在講，甚至面試的時(shí)候還被問到...
摘要：所謂超文本，因?yàn)樗梢约尤雸D片聲音動畫多媒體等內(nèi)容，不僅如此，它還可以從一個(gè)文件跳轉(zhuǎn)到另一個(gè)文件，與世界各地主機(jī)的文件連接。意思是超文本引用用于指定鏈接頁面的打開方式，其取值有和兩種，其中為默認(rèn)值，為在新窗口中打開方式。 學(xué)習(xí)目標(biāo) 了解常用瀏覽器 掌握WEB標(biāo)準(zhǔn) 理解標(biāo)簽語義化 掌握常用的排版標(biāo)簽 掌握常用的文本格式化圖像鏈接等標(biāo)簽 掌握三種列表標(biāo)簽 掌握表格標(biāo)簽 掌握表格標(biāo)簽 掌...
摘要：作者陳大魚頭鏈接背景最近高級前端工程師劉小夕在上開了個(gè)每個(gè)工作日布一個(gè)前端相關(guān)題的，懷著學(xué)習(xí)的心態(tài)我也參與其中，以下為我的回答，如果有不對的地方，非常歡迎各位指出。如果你采用正宗川菜做法，最后只需加入花生米，炒拌幾下就可以起鍋了。 作者：陳大魚頭 github： KRISACHAN 鏈接：github.com/YvetteLau/S… 背景：最近高級前端工程師 劉小夕 在 github 上...
閱讀 847·2023-04-25 19:43
閱讀 4116·2021-11-30 14:52
閱讀 3930·2021-11-30 14:52
閱讀 4027·2021-11-29 11:00
閱讀 3922·2021-11-29 11:00
閱讀 4039·2021-11-29 11:00
閱讀 3770·2021-11-29 11:00
閱讀 6608·2021-11-29 11:00
