温馨提示:细读本文需要2分钟,速读仅需1分钟。

作者|李娜

*本文为「Java联盟」原创内容,转载无需授权,请保留署名来源。

前言

上一节我们讲到HTML是什么,一个网页的基本架构是怎么样子。但是往往一个网页有很多标签,分别代表不同的含义,当然如果你不懂的话何谈编辑呢?所以这一节,开始讲到HTML中的那些常见标签。

html常用标签及其全称(HTML中的这些常见标签你应该认识)(1)

第二节 HTML 中的常见标签

首先我们先来了解一下 HTML 标签的类型:

HTML 标记标签通常被称为 HTML 标签(HTML TAG)。

1

单标签与双标签

单标签:单个标签标记名称

无属性值: 如: br / (表示换行)

有属性值: 如: hr width=80% / (表示水平线的宽占参照物的百分之八十)

双标签:两个标签,成对出现。

一般一篇文章只会使用一个 h1 标签。

3

font标签

接下来是 font 标签,比如说font size='5' color='#ff33cc'

这是一个 font 标签/font

其中的 “ size “ 是字体的大小属性这里把大小设置为 “ 5 ” ,“ color ” 是 font的颜色属性,可以在 editplus 中选择。

html常用标签及其全称(HTML中的这些常见标签你应该认识)(2)

font size='5' color='#ff33cc'

效果展示:

html常用标签及其全称(HTML中的这些常见标签你应该认识)(3)

4

段落,格式标签

p标签是一个定义段落标签

pp 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。/p

功能 标记加粗 b文本/b倾斜 i文本/i加强语气(加粗)strong文本/strong加强语气(倾斜)em文本/em下划线u文本/u删除线 del文本/del上标 sup文本/sup下标 sub文本/sub

换行br/

执行效果图如下:

html常用标签及其全称(HTML中的这些常见标签你应该认识)(4)

5

超链接标签

这一节的最后介绍一下超链接标签

a标签:我们有时候跳转页面就是a标签实现的

ahref=http://www.baidu.com百度/a

这样的话我们就可以跳转到百度页面了。

最后给大家看看本节所有的源代码以及执行效果图

html常用标签及其全称(HTML中的这些常见标签你应该认识)(5)

源代码

html常用标签及其全称(HTML中的这些常见标签你应该认识)(6)

执行效果图

好的这里给大家分享了常见的一些标签想要学习到更多的标签知识的小伙伴要记得关注我们的公众号 我们会持续更新有关于HTML的文章的。

html常用标签及其全称(HTML中的这些常见标签你应该认识)(7)

有疑问?有想法?请留言!

微信搜索关注 :java联盟

,