整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

如何给HTML标签中的文本设置修饰线

ext-decoration属性介绍#

  • text-decoration属性是用来设置文本修饰线呢,text-decoration属性一共有4个值。

text-decoration属性值说明表#

值作用none去掉文本修饰线underline设置下划线overline设置上划线line-through设置删除线

HTML标签自带修饰线#

  • 在开始实践text-decoration属性之前,笔者先给大家普及下HTML中的标签自带修饰线如:u标签、s标签,若有不全大家可以在下面评论中告诉笔者,毕竟笔者也是前端的一个小白,希望和大家相互交流,互帮互助,共同进步。

u标签#

  • 下面让我们进入u标签的实践,u标签自带的是文本下划线。
  • 代码块
Copy<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>设置文本修饰线</title>
 
</head>
<body>
 <u>成功不是击败别人,而是改变自己</u>
</body>
</html>
  • 结果图

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

1)样式标签<span>

使用语法:<span>文章内容</span>

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

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

2)内容修饰标签

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

文字斜体标签: <i></i>、<em></em>

文字加粗标签: <b></b>、<strong></strong>

文字下标标签: <sub></sub>

文字上标标签: <sup></sup>

文字下划线标签: <ins></ins>

文字删除线标签: <del></del>

具体的代码如下所示:

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

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

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

<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

一、学习html学的是什么?

1.1学标签

我要什么内容,就用什么标签 在去思考使用标签的什么属性

比方说:文字就用文字标签,HelloWorld 6号字 颜色变成红色

<html>   

 <head>   

<title></title> 

</head>      

<body>   

    <font size="6" color="red" >HelloWorld  </font>    //这个就是文字标签   属性尺寸是6,颜色是红色

</body>       

</html>  

二、编写格式

1、每个网页页面都是一个单独的文件,页面的后缀是XXXX.html 或者 XXXX.htm

2、编译器/解释器就是浏览器,浏览器会一行行编译,不会像C 或者PLC等还需要再次编译。

3、用记事本做演示,需要把后缀名改成.html ,如果后缀名被隐藏了,需要在文件菜单-查看-选项-查看-把隐藏已知文件类型的拓展名去掉

<html>    //html开始

<head>    //头标签开始

<title></title>

</head>    //头标签结束

<body> //身体标签开始

HelloWorld   //主体内容

</body>   //身体标签结束

</html>   //html结束


三、常用标签及其属性:

3.1 文本修饰

font 行内标签 (没有换行效果)

size 字体的大小,最大值是7

color 颜色值

颜色的第一种表示形式:颜色单词 red green blue

颜色的第二种表示形式: 颜色的RGB 如:rgb(0,0,255) 第一个0表示R红色的份数,第二个表示G绿色的份数 ,第三个0表示B蓝色的份数

颜色的第三种表示形式:十六进制表示,把颜色这个写成#0000ff ,就是第一个红绿蓝十六进制,

face 字体族 黑体 楷体 宋体 华文彩云等 但必须是浏览器支持的字体


上一篇:HTML 编辑器
下一篇:HTML基础