加入收藏 | 设为首页 | 会员中心 | 我要投稿 宁德站长网 (https://www.0593zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > MsSql教程 > 正文

前端开发每天必学之认识HTML标签(1)

发布时间:2020-03-19 16:25:25 所属栏目:MsSql教程 来源:站长网
导读:副标题#e# 2.1 语义化,让你的网页更好的被搜索引擎理解 这一章节我们要开始把网页中常用到的标签一 一向大家介绍,学习这一章节的时候要记住学习html标签过程中,主要注意两个方面的学习:标签的用途、标签在浏览器中的默认样式。 什么叫做语义化呢,说的

两者在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em>默认用斜体表示,<strong>用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。

语法:

XML/HTML Code复制内容到剪贴板

<em>需要强调的文本</em>     

<strong>需要强调的文本</strong>  

举例说明em和strong标签:


在浏览器中显示为:

<em>的内容在浏览中显示为斜体,<strong>显示为加粗。如果不喜欢这种样式,没有关系,以后可以使用css样式去改变它。

2.6 style/span标签,为文字设置单独样式

对<em>、<strong>、<span>这三个标签进行一下总结:

<em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。

<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。

如果现在我们想把上一小节的第一段话“美国梦”三个字设置成blue(蓝色),但注意不是为了强调“美国梦”,而只是想为它设置和其它文字不同的样式(并不想让屏幕阅读器对“美国梦”这三个字加重音读出),所以这样情况下就可以用到<span>标签了。

语法:

<span>文本</span>

举例:

XML/HTML Code复制内容到剪贴板

<!DOCTYPE HTML>  

<html>  

    <head>  

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  

        <title>了不起的盖茨比</title>  

        <style>  

            span{   

                color:blue;   

            }   

        </style>  

    </head>  

    <body>  

        <p><span>美国梦</span>。</p>  

        <p><strong>菲茨杰拉德</strong></p>  

        <p><em>爱丽丝</em></p>  

    </body>  

</html>  

在浏览器显示为:


使用span的变成了蓝色,使用strong标签的变化为粗体,使用em标签的变成斜体。

2.7 q标签,短文引用

想在你的html中加一段引用吗?比如在你的网页的文章里想引用某个作家的一句诗,这样会使你的文章更加出彩,那么标签是你所需要的。语法:

<q>引用文本</q>

注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。

注意这里用标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。

XML/HTML Code复制内容到剪贴板

<!DOCTYPE HTML>  

<html>  

    <head>  

(编辑:宁德站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读