Python学习第220课——html的层级关系( 三 )
图2我们这样写 , class=heading的div就是h1元素的父元素 , p元素还有4个img元素就是class=paragraph的div标签的子元素 。 我们看到这样写 , 层级关系非常清晰:子元素相对于父元素有一个缩进 , h1相对于class=heading的div父元素有一个缩进 , p元素和4个img元素相对于它们的父元素也有一个缩进 。 p元素和4个img元素是兄弟元素 , 是平级关系 , 所以它们互相之间没有缩进 。 我们说html标签是对网页进行描述的 , 所以网页上显示的东西只是html元素里面的content部分 , 也就是开始标签和闭合标签之间的内容 。 html标签本身有自己的特定的描述方式 , 比如在h1标签里面写的文字 , 在网页上显示的时候默认就是加黑的粗体字 , 而且比p标签里面的文字显示的更大 。 这就是h1标签和p标签默认的描述方式 , 浏览器看到h1标签 , 就知道h1标签让我把它里面的文字加粗加黑加大显示出来 , 这就是我们在网页上看到的效果 。 图2的代码在网页上显示效果截图如下图图3:
●html的代码规范我们写代码一定要注意代码规范 , 前面我们说对于非空的html元素 , 一定要把开始标签和结束标签都写上 , 这就是代码规范 。 这节我们再加一个代码规范:以后我们写html代码 , 一定要按照这种缩进的方式去写 , 就是父子关系一定要缩进 , 兄弟关系不缩进 , 这样写层级关系更清楚 , 代码更方便自己和别人阅读 。
推荐阅读
- 国服|LOLM:60天内如何从小白打到国服王者?这快捷径方法值得学习
- 催眠学习|《催眠学习》PC版,一款教你如何恋爱的游戏,非绅骑步呦!
- 虎牙|哈利波特手游:同流派该如何击败?虎牙小若沐展示细节,值得学习
- 梦幻西游|梦幻西游:一只须弥画魂的励志蜕变史,这才是值得学习人生态度!
- 手机游戏|LOL手游出现第一位顶级主播,直播教学,全是顶级博主来学习
- ag战队|AG终于有大心脏选手了!一诺啊泽自信心全无,这点真要像妖刀学习
- csgo|快来学习CSGO“压枪”?天禄拿下正赛首胜,女主播砸键盘祝贺
- |国内都没上线的游戏,老外倒等不及了,几万人提前学习下载教程
- 虎牙|哈利波特手游:预判可以后天学习?虎牙刘阿江展现细节,值得学习
- nest|Xbox高管表示会向PS认真学习,推出更多优质大作