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代码 , 一定要按照这种缩进的方式去写 , 就是父子关系一定要缩进 , 兄弟关系不缩进 , 这样写层级关系更清楚 , 代码更方便自己和别人阅读 。

推荐阅读