文本标签和列表标签

一、文本标签
em标签用于表示一段内容中的着重点
strong标签用于表示一个内容的重要性
这两个标签可以单独使用,也可以一起使用
(通常em显示为斜体,而strong显示为粗体)

i标签跟em标签的效果一样
b标签中的内容会以加粗显示。
i和b没有任何语义,纯标签的意思
h5规范中规定,对于不需要着重的内容而是单纯的加粗或者是斜体,就可以用i和b。

small标签中的内容会比他父元素中的文字要小一些,在h5中使用small标签来表示一些细则一类的内容
比如:合同中小字,网站的版权声明都可以放到small。

网页中所有的加书名号的内容都可以使用cite标签
比如:书名 歌名 话剧名 电影名。。。

q标签表示一个短的引用(行内引用)
blockquote标签表示一个长引用(块级引用)

使用sup标签来设置一个上标
使用sub标签来设置一个下标
使用del标签来表示一个删除的内容
del标签中的内容,会自动添加删除线
ins表示一个插入的内容
ins中的内容,会自动添加下划线

需要页面中插入代码
pre是一个预格式标签,会将代码中的格式保存,不会忽略多个空格。(意思就是pre里面的代码都会显示出来在网页,而不是实现功能。)
我们一般结合code一起结合使用
<pre>
<code>
window.onload(alert('this is alert'))
</code>
</pre>

二、列表标签
列表就相当于去超市购物时的那个购物清单,
在HTML也可以创建列表,在网页中一共有三种列表:
1、无序列表
2、有序列表
3、定义列表
无序列表
- 使用ul标签来创建一个无序列表(前面的点是无序项目符号)
- 使用li在ul中创建一个一个的列表项,
- 一个li就是一个列表项
- 通过type属性可以修改无序列表的项目符号。
- 注意:默认的项目符号我们一般都不使用。如果需要设置项目符号,则可以采用为li设置背景图片的方式来设置。
- ul、li、ol都是块元素
-
- <ul>
- <li>haha</li>
- </ul>
- 有序列表和无序列表类似,只不过他使用ol来代替ul
- 有序列表使用有序的序号作为项目符号,比如123之类的有序,也可以通过type去设置项目符号。
-
- <ol>
- <li>表现</li>
- </ol>

三、定义列表
定义列表用来对一些词汇或内容进行定义
使用dl来创建一个定义列表
dl中有两个子标签
dt:被定义的内容
dd:对定义内容的描述
<dl>
<dt>武松</dt>
<dd>敬仰哈哈哈</dd>
</dl>

这三种列表都可以互相嵌套

猜你喜欢

转载自www.cnblogs.com/caicaihong/p/9178845.html