HTML学习笔记06--文本标签

目录

1. em和strong标签

2. i标签和b标签

3. small标签

4.cite标签

5. q标签

6.blockquote标签

7.sup标签和sub标签

8. ins标签和del标签

9. pre标签和code标签


1. em和strong标签

这两个标签都表示一个强调内容,em标签主要表示语气上的强调,在浏览器中默认是用斜体显示;strong标签表示强调的内容,比em更强烈,默认使用粗体显示。

例:

<p>
    今天天气<em>真好啊</em>
</p>

<p>
    <strong>注意:上课不听讲,考试就挂科</strong>
</p>

2. i标签和b标签

i标签中的内容会以斜体显示;

b标签中的内容会加粗显示;

h5规范中规定,对于不需要着重的内容而是单纯的加粗或者是斜体,可以使用b标签和i标签。

例:

<p>
    <i>斜体显示</i>
    <b>粗体显示</b>
</p>

3. small标签

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

例:

<p>
    p标签中的内容<small>small中的内容</small>
</p>

4.cite标签

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

例:

<p>
    <cite>《论语》</cite>是一本好书。
</p>

5. q标签

表示一个短的引用(行内引用),q标签引用的内容,浏览器会默认加上引号。

例:

<p>
    子曰:<q>学而时习之,不亦说乎</q>
</p>

6.blockquote标签

表示一个长引用(块级引用)。

例:

<div>
    子曰:
    <blockquote>
        有朋自远方来,不亦乐乎!
    </blockquote>
</div>

7.sup标签和sub标签

使用sup标签来设置一个上标,sub标签来设置一个下标。

例:

<p>
    10<sup>3</sup>
</p>

<p>
    H<sub>2</sub>O
</p>

8. ins标签和del标签

ins标签表示一个插入的内容,ins中的内容会自动添加下划线;

del标签表示一个删除的内容,del中的内容会自动添加删除线。

例:

<p>
    我们的老师<ins>真好啊</ins>
</p>


<p>
    <del>17.75</del><br />
    10.75<br />
</p>

9. pre标签和code标签

pre标签是一个预格式标签,会将代码中的格式保存,不会忽略多个空格;

code标签专门用来表示代码;

一般结合使用pre和code标签来表示一段代码。

例:

<pre>
    <code>
        #include<stdio.h>
        main()
        {
            printf("Hello,World!\n");
        }
    </code>
</pre>
原创文章 102 获赞 54 访问量 3万+

猜你喜欢

转载自blog.csdn.net/Bee_Darker/article/details/95933911
今日推荐