💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
[TOC] ### div 分区显示标签 白板 也称之为层标记 常用来编排一大段的HTML段落,也可以用于格式化表,和`<p>`很相似 层可以多层嵌套使用 ### span 白板 ### br 强制换行标签 单标签 让后面的文字,图片,表格显示在**下一行** ### p 换段落标签 换段落,由于多个空格和回车在HTML中会被等效为一个空格,所以HTML中要换段落就要用`<p>`,`<p>`标签可以嵌套 ### hr 水平分割线标签 段落之间的分割线 ### center 居中标签 让段落或者是文字相对于父标签居中显示 ### pre 预格式化标签 保留预先编排好的格式 ### ul 无序列表标签 声明这个列表没有序号,需配合`<li>`标签使用 ~~~ <body> <ul> <li>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ul> </body> ~~~ 显示效果 ![](http://i2.muimg.com/567571/cb02386e94e7d68a.png) ### ol 有序列表标签 可以显示特定的一些顺序 ~~~ <body> <ol type="A" > <li>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> </body> ~~~ 显示效果 ![](http://i1.piimg.com/567571/280120f1c261358b.png) #### type属性 >[info] 1 阿拉伯数字1.2.3等等,默认type属性值 A 大小字母A、B、C等等 a 小写字母a、b、c等等 Ⅰ大写罗马数字Ⅰ、Ⅱ、Ⅲ、Ⅳ等等 ⅰ小写罗马数字ⅰ、ⅱ、ⅲ、ⅳ等等 #### value属性 指定一个新的序列数字起始值 ~~~ <body> <ol type="1" > <li>第一节课</li> <li value="3">第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> </body> ~~~ 显示效果 ![](http://i2.muimg.com/567571/2839e9d9dfe84a02.png) ### dl dt dd 定义型列表标签 ~~~ <body> <dl> <dt>人民的名义</dt> <dd>人民的名义是一部不错的电视剧</dd> <dt>天下无贼</dt> <dd>天下无贼是一部不错的电影</dd> </dl> </body> ~~~ 显示效果 ![](https://box.kancloud.cn/1dc1ed59cd2c91ec0ed0d98eae19b1c3_295x111.png)