ext-decoration属性介绍#
text-decoration属性值说明表#
值作用none去掉文本修饰线underline设置下划线overline设置上划线line-through设置删除线
HTML标签自带修饰线#
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>等的语法以及使用技巧。
使用语法:<span>文章内容</span>
<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。如果现在我们想要修改一篇文章中的几个字字体效果,为它设置和其它文字不同的样式,所以这样情况下就可以用到<span>标签了。比如我们设置字体颜色为蓝色,并设置字号大小为30px,代码如下图所示:
代码在浏览器中显示的效果就如下图所示:我们可以清楚的看到被span标签包裹的文字内容已经变成了蓝色,字体大小也变成了30px;
内容修饰标签有很多,这里我们简单的来列举一下标签的名称以及标签的作用。
文字斜体标签: <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 字体族 黑体 楷体 宋体 华文彩云等 但必须是浏览器支持的字体
*请认真填写需求信息,我们会在24小时内与您取得联系。