趣文网 > 作文大全

「HTML+CSS」html修饰标签介绍 为页面元素添加独立效果

2020-12-05 09:10:01
相关推荐

本篇文章继续为大家介绍html常用修饰标签介绍。我们今天主要说下样式标签、内容修饰标签等的语法以及使用技巧。

1)样式标签

使用语法:文章内容

span标签是没有语义的,它的作用就是为了设置单独的样式用的。如果现在我们想要修改一篇文章中的几个字字体效果,为它设置和其它文字不同的样式,所以这样情况下就可以用到标签了。比如我们设置字体颜色为蓝色,并设置字号大小为30px,代码如下图所示:

代码在浏览器中显示的效果就如下图所示:我们可以清楚的看到被span标签包裹的文字内容已经变成了蓝色,字体大小也变成了30px;

2)内容修饰标签

内容修饰标签有很多,这里我们简单的来列举一下标签的名称以及标签的作用。

文字斜体标签:

文字加粗标签:

文字下标标签:

文字上标标签:

文字下划线标签:

文字删除线标签:

具体的代码如下所示:

代码在浏览器中显示的效果就如下图所示:每个被标签包裹的内容都赋予了其独立的效果。

好了以上就是我们所说的修饰标签,每个标签都有单独的意义,在以后练习的时候可以自己多实践一下,只有自己亲自动手去写了才能明白其中的含义以及效果。

附赠一句经典语录:每一天,都要尽心尽力的工作,每一件小事情,都力争高效的完成,不是为了看到老板的笑脸,而是为了自身不断的进步。喜欢我的文章的小伙伴记得关注一下哦,每天将为你更新最新知识。

阅读剩余内容
网友评论
显示评论内容(4) 收起评论内容
  1. 2022-12-21 11:20rolick[湖南省网友]IP:3406305937
    HTML+CSS是网页设计中重要技术学习html修饰标签可以让页面元素更加炫丽添加独立效果可以提升用户验。值得好好学习哦!
    顶0踩0
  2. 2022-04-24 02:59两棵树[贵州省网友]IP:996991483
    学会如何用HTML和CSS让页面元素更加生动收获满满!
    顶0踩0
  3. 2021-04-27 02:28莲英[青海省网友]IP:1917798085
    真很喜欢这种互动式学习方式对HTML修饰标签有了更深入了解。
    顶2踩0
  4. 2020-04-30 01:57春野无藏[甘肃省网友]IP:763080412
    这个教程非常实用学习了如何运用HTML和CSS为页面元素增加独立效果。
    顶5踩0
相关内容
小编推荐

大家都在看