html文本标签的使用(17)
1、1.如图所示,我们新建一个记事本,并将记事本的名字改为“html文本标签的使用(17).html”,并回车键确定,以使文件转化为浏览器可以打开的html网页文件。

3、3.如图所示,我们写一个<!DOCTYPE html>标签用来声明这是一个html5的文档,在写一个,<html>标签用来包含html文档的主主体部分。

5、5.如图所示,我们写上html的主体用<body>标签包含,里面在写一个p标签,并且在里面再写一个strong番舸榆毛标签,用来内容上的强调“现在外面正在下雨”这句话,其在网页上显示为粗体,让搜索引擎明白这是要强调的内容。

7、7.如图所示,我们使用i标签把文字变为斜体,用b标签变为粗体,当然这是没有语义的文本标签,只是会显示为斜体好喝粗体。

9、9.如图所示,我们写上p标签,里面再写上big标签,这个标签包含的文字,在网页中显示的比父元素的文字大一些,但是没有语义。

11、11.如图所示,我们用q标签,其语义为表示一个短引用,还有blockquote标签,其语义为表示一个长引用。

13、13.如图所示,我们用del标签表示这是一个删除的内容。

15、15.如图所示,我们pre标签会保留代码的原有格式来进行显示,不会忽略代码中的空格。

17、17.如图所示,我们鼠标右击,在弹出的下拉列表菜单中,我们选择“在浏览器中打开”这一项。

19、19.如图所示,这是本案例的源代码,以供大家参考哦!<!-- 用<!DOCTYPE html>来声明这是一个html5的文档 --><!DOCTYPE html媪青怍牙><!-- 用<html>标签来包含网页的主体 --><html><!-- 用head标签包含html的头部部分 --><head><!-- 用title标签来写入网页的标题 --><title>html文本标签的使用(17)(15)</title><!-- 用meta标签来设置文档的编码格式,以便浏览器能够正确解读网页 --><meta charset="utf-8"><!-- 用style标签来包含网页中设置的样式,并声明其为css类型 --><style type="text/css"></style></head><!-- 用body标签包含html文档的主体部分 --><body><!-- strong标签语义内容上的强调,显示为粗体。而em标签语义为语气上的强调,其显示为斜体。 --><p><strong>现在外面正在下雨</strong>,你出去记得拿伞哦!</p><div>你真的很已经做得<em>很好了!</em></div><!-- h5规定:i和b只是单纯的斜体和加粗,没有语义。 --><i>我只是单纯的斜体,没有语义哦!</i><br /><b>我只是单纯的加粗,也是没有语义的。</b><!-- small的语义是为了写一些细则,其显示为为父元素的文字要小一些,可以用用于网站的版权声明中。当然还要big标签其显示为比父元素文字大一些,但是没有语义 --><p>我是一个p标签<small>我比父元素p标签里面的文字小一些哦!</small></p><p>我是一个p标签<big>我比父元素p标签里面的文字大一些哦!</big></p><!-- cite标签用于网页中加书名号的资料,语义为表示参考的内容 --><cite>我是一个资料大全</cite><!-- q标签语义为一个短引用 --><!-- blockquote语义表示一个长引用 --><p>曾经有人说过:<q>hui将是世界上最伟大的三个字母</q><br />历史告诉我们:<blockquote>历史总是惊人的相似,所以我们需要多读历史,这样可以帮助我们少走弯路</blockquote><br /><!-- 设置上标的标签sup,设置下标标签sub -->9<sup>2</sup>=81 <br />水的化学式为:H<sub>2</sub>O<br /><!-- del标签表示一个删除的内容 --><del>我是被删除的内容展示</del><br /><!-- ins表示一个插入的内容 -->小明口渴了,所以想<ins>吃一个</ins>苹果<br /><!-- pre预格式标签,会将代码中的格式保留,会将多个空格保留。 --><pre>我要看预格式的保留代码效果。console.log(这就是传说中的hui代码);代码风骚,给你无限想象哦!go☞</pre><br /><!-- code标签语义为表示代码 --><code>System.out.println(“这就是传说中的Java代码”)</code></p></body></html>