企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
内容级结构标签在一个html文档中可以出现多次,而且都应该在body标签中。 内容级结构标签也常称为“排版标签”,主要包括: h1~h6,br, hr, p, pre, blockquote, div, span, 表格标签等等。 ## 3.2.1.h1~h6: 标题标签,用于设定一定级别的标题,h1是最大的标题,h6是最小的标题。 属性:align:left(左) | center(中) | right(右) ![](https://img.kancloud.cn/b7/2a/b72a188f82b0d8e5d080f4e692c4337c_534x100.png) ![](https://img.kancloud.cn/45/09/4509612864a62e0bb36b42989f8557d7_538x207.png) ## 3.2.2.br: 换行标签,表示新的一行,能够让其后的内容放到下一行的开头开始显示。 ![](https://img.kancloud.cn/1c/65/1c6582c9eaa3af2c23537e64b72399e3_982x51.png) ## 3.2.3.hr: 横线标签,就是输出一根横线,有几个常用属性,如下所示: ``` <hr width=”宽度值” color=”颜色值” align=”对齐方式” size=”粗细” noshade /> ``` ![](https://img.kancloud.cn/14/b2/14b22d1f1c98aa1b8080a91ed7635c3b_789x30.png) ## 3.2.4.p: 段落标签,表示“一个段落”,此时文字前后自然会有一个空行。 有一个属性为:align,其值可以为:left(默认), center,right。 ![](https://img.kancloud.cn/67/27/6727443db530c31c3e16f83f4c6152c5_627x124.png) ## 3.2.5.pre: 预格式化标签,表示其中的内容“原样输出”, 主要是其中的换行符,tab符以及空格能在网页上也直观显示出该有的效果。 (否则,代码中的换行在网页中无法体现出来,只能用<br>标签来实现换行效果) ![](https://img.kancloud.cn/af/69/af69faec76405c4c719311b3d57bdb89_591x155.png) blockquote: 引用标签,表示其中的内容是“引用别人的话”,通常在学术著作中比较常见。 ![](https://img.kancloud.cn/e0/98/e0986f98bd0296ad0f9a81af9c01928c_581x57.png) div和span: 这两个“没有什么含义”,就只是表示“这是一块内容”,供后续的css技术使用。 但div和span还是有比较明显的区别的。 ![](https://img.kancloud.cn/86/3f/863f22d49621e59cad94d701202cf0c5_655x74.png)