前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >补充拓展基础标签

补充拓展基础标签

原创
作者头像
守护最温柔的金木
修改2020-07-16 10:36:56
4440
修改2020-07-16 10:36:56
举报
文章被收录于专栏:all web technology

通过前面的章节,我们学会了怎么写一个简单的日记,以及写日记需要用到的标签和转义字符,这里我稍作补充,用的较少的标签以及剩下的转义字符(有的说法是符号标签),我就不怎么举例子了,大家可以自己练习一下。

以下就是补充的拓展标签:

1、button标签,作用就是出现一个按钮,可以理解为按钮标签。

代码语言:javascript
复制
<button>我是一个按钮</button>
button标签的作用
button标签的作用

2、del标签,作用就是给文字增加删除线。

代码语言:javascript
复制
<del>我是最棒的</del>
del标签的作用
del标签的作用

3、sup标签,把文字变成上标 ,在写数学公式的时候挺有用的。

代码语言:javascript
复制
2<sup>2</sup>
sup标签的作用
sup标签的作用

4、sub标签,把文字变成下标,在写数学公式的时候挺有用的。

代码语言:javascript
复制
2<sub>2</sub>
sub标签的作用
sub标签的作用

5、u标签,给文字增加下划线

代码语言:javascript
复制
<u>我是最棒的</u>
u标签的作用
u标签的作用

6、center标签,使文字居中

代码语言:javascript
复制
<center>你是最棒的</center>
center标签的作用
center标签的作用

7、大于号 >    &gt;

代码语言:javascript
复制
7 &gt; 6
 &gt;转义字符的作用
&gt;转义字符的作用

8、小于号 < &lt;

代码语言:javascript
复制
6 &lt; 7
 &lt;转义字符的作用
&lt;转义字符的作用

9、引号        &quot; 一个 &quot;代表着一个"

代码语言:javascript
复制
&quot;我是谁&quot;
 &quot;转义字符的作用
&quot;转义字符的作用

10、版权符号@  &copy 注意这里的&copy后面是没有";"这个符号的

代码语言:javascript
复制
&copy出版自凤凰娱乐
&copy转义字符的作用
&copy转义字符的作用

补充说明 <b> </b> <i>  </i> <u>  </u> <del>  </del><strong></strong><em></em>这六个又被称为权重标签,其实还有一个<font></font>(暂时介绍一下,用的很少,因为不容易维护,修改起来太麻烦,所以了解就行了)。

字体标签<font>包括字体颜色,字号大小等属性,其中最重要的就是字号及颜色属性,颜色属性可以自己定义,我们可以利用颜色属性值使得页面中相对内容与普通内容形成反差,从而达到突出重点内容的目的,比如黑色与蓝色,白色与红色等等。

什么是HTML的权重标签?SEOer(SEO从业人员)平时在执行SEO(中文搜索引擎)操作的时候,经常都会用到一些HTML标签,来突出网页中关键词或重要的主题,这种标签我们就称为HTML权重标签。在整个网站中,我们布局关键词的过程中,合理使用HTML元素中给与的标签,以便确认哪些内容或者哪些关键词使用什么标签,突出网站内容,让读者能够更轻松的阅读文章的重点内容。当然还有一方面就是加这些标签让搜索引擎认为该内容就是最重要的,这些也就是平时SEO操作的一些要点。权重标签的作用是所有SEO从业人员必须要掌握的,权重标签会影响页面权重或者相关性的HTML标签。权重标签常用于突出页面相对重要的内容(如主,次关键词),从而提高页面相关性,增加页面权重。

到这里,该补充的标签就简单的说完了,因为用的比较少,所以就简单的介绍了,其实button标签用的不少,但是我写element ui样式写多了,所以按钮标签就用的很少了,毕竟太香了。前面的文章我会一直更新新的内容进去,会修改说的不好的地方,补充没有说到的知识点。我知道想学前端的人一定很迷茫,但是有我陪着你们呢,前端的世界才刚刚开始,不要害怕,还没入门呢,怎么能放弃呢。例行原则,文章的末尾送大家一句鸡汤:Be more opti mistic! Its not the end of the world. 乐观一点!又不是世界末日。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
作者已关闭评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档