分组元素

简介: 分组元素1、p:建立段落段落之间的空隙比较大2、div:通用分组在早期的html中非常常用,在h5中,被其他各种文档元素代替。和段落的区别就是,两段文本的上下空隙是没有的,空隙间隔和换行一样。

分组元素

1、p:建立段落

段落之间的空隙比较大

2、div:通用分组

在早期的html中非常常用,在h5中,被其他各种文档元素代替。和<p>段落的区别就是,两段文本的上下空隙是没有的,空隙间隔和<br>换行一样。

3、blockquote:引用大段的他出内容

实际作用除了和<p>元素一样,有段落空隙的功能,还包含了收尾缩进的功能。语义上表示,大段的引用他处的内容。

4、pre:展现格式化内容

实际作用就是编辑器是怎么排版的,原封不动的展现出来。适合简单的排版,复杂排版无法满足。

效果展示


img_ed454b475bc5a23e4100e696ecce78af.png

不在pre标签中的星号是横向排列的,在标签中的元素排列方式与编辑器中一致。

5、hr:添加水平线

6、<ul><li>:添加无序列表

img_4b76c55dd0ddac804f0da136573f770b.png

7、ol :有序列表

属性:

start:从第几个序列开始统计

reversed:是否倒序排列,一半主流浏览器不支持。

type:表示列表的编号类型,值分别为:1,a,A,i,I


img_32d8fd8aeae3fc364f472b23c813d15c.png

li:也有属性 value,强制设置某个项目的编号。

img_dd71fdcdb97da223c106d8df72fe3856.png

html01:

img_8af8dc2fc708a11feb13f9ae744b944c.png
img_2c106274f359d97a799eaa6dd5d9ed63.png


html02:

img_0a8e21625c1d48db9d75808c66ac63da.png
目录
相关文章
|
6月前
|
移动开发 HTML5
分组元素
分组元素。
39 3
|
6月前
|
算法 前端开发 索引
过滤数组中的元素
过滤数组中的元素
50 0
|
JavaScript 前端开发 Java
57jqGrid 分组 - 多分组在头部显示求和(新)
57jqGrid 分组 - 多分组在头部显示求和(新)
37 0
|
1月前
排序列表
排序列表。
17 3
|
2月前
不排序列表
不排序列表。
30 5
|
3月前
列表元素
【8月更文挑战第4天】列表元素。
39 8
|
JavaScript 前端开发
47jqGrid 分组 - 分组表头行配置
47jqGrid 分组 - 分组表头行配置
78 0
|
JavaScript 前端开发
45jqGrid 分组 - 数组数据的简单分组
45jqGrid 分组 - 数组数据的简单分组
44 0
|
JavaScript 前端开发
46jqGrid 分组 - 隐藏分组列
46jqGrid 分组 - 隐藏分组列
43 0
|
存储
返回集合中最大,最小的元素,再将元素进行排序
返回集合中最大,最小的元素,再将元素进行排序
61 0