序列不包含任何匹配元素_分组元素

一.分组元素总汇为了页面的排版需要,HTML5 提供了几种语义的分组元素。

属性名称说明
p指定元素所指资源的 URL
div一个没有任何语义的通用元素,和 span 是对应元素
blockquote引自他出的大段内容
pre其格式应被保留的内容
hr段落级别的主题转换,即水平线
ul,ol无序列表,有序列表
li用于 ul,ol 元素中的列表项
dl,dt,dd表示包含一系列术语和定义说明的列表。dt 在 dl 内部表示术语,一般充当标题;dd 在 dl 内部表示定义,一般是内容。 
figu表示图片
figcaption

表示 figure 元素的标题 

二.分组元素解析

对应代码

baba6c5eb6cc092aa1a028c8ec7ad147.png

8b15465951dc6729fd1074e411c1da1a.png

1.

建立段落

2.

通用分组

3.

引用大段他出内容

元素实际作用除了和

元素一样,有段落空隙的功能,还包含了首尾缩进的功能。语义上表示,大段的引用他出的内容。

4.

展现格式化内容

元素实际作用就是编辑器怎么排版的,原封不动的展现出来。当然,这种只适合简单的排版,复杂的排版就无法满足要求了。

5.添加分隔

元素实际作用就是添加一条分割线,意图呈现上下文主题的分割

6.

添加无序列表

  • 元素表示无序列表,而
  • 元素则是内部的列表项。

7.

  1. 添加有序列表

  1. 元素表示有序列表,而
  2. 元素则是内部的列表项。
    1. 元素目前支持三种属性

ol 元素属性

属性名称说明
start从第几个序列开始统计:
reversed是否倒序排列:
  1. ,一半主流浏览器不支持
type表示列表的编号类型,值分别为:1、a、A、i、I

li 元素属性

属性名称说明
value强行设置某个项目的编号。

8.

生成说明列表

这三个元素是一个整体,但或并非都必须出现。

9.

使用插图

这两个元素一般用于图片的布局。

代码对应网页显示

6b7ab3ea89b609a0a2235e489caf0885.png

7c7eb3d64a9e97d6f44bf4256404d1c2.png

小编也是小白,请各位见谅,如有错误希望提醒小编,小编虚心求指导

0c89ed6af18a7eb5f4dada3a972273d3.gif cadd32eb6a2b2d48c2c464097941cc6b.png微信号:Antony__9欢迎各位推荐来骚扰小编-扫码关注我们- 79331e56ab280f133dc7133234a4ee45.gif
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值