温馨提示:细读本文需要2分钟,速读仅需1分钟。
作者|李娜
*本文为「Java联盟」原创内容,转载无需授权,请保留署名来源。
前言
上一节我们讲到HTML是什么,一个网页的基本架构是怎么样子。但是往往一个网页有很多标签,分别代表不同的含义,当然如果你不懂的话何谈编辑呢?所以这一节,开始讲到HTML中的那些常见标签。
第二节 HTML 中的常见标签
首先我们先来了解一下 HTML 标签的类型:
HTML 标记标签通常被称为 HTML 标签(HTML TAG)。
1
单标签与双标签
单标签:单个标签标记名称
无属性值: 如: br / (表示换行)
有属性值: 如: hr width=80% / (表示水平线的宽占参照物的百分之八十)
双标签:两个标签,成对出现。
无属性值: 标记名称.../标记名称
如: title.../title
有属性值: 标记名称 属性=属性值.../标记名称
如:fontsize7.../font
注意:
标签的属性与属性之间以空格分隔,属性不区分先后顺序,且属性不是必需要写的。
然后我们来了解下标题标签。
2
标题标签
标题标签:hx/hx
其中“x”是1~6的数字代表字体的大小
如下就是标题标签
h1我是标题1/h1
h2我是标题2/h2
h3我是标题3/h3
h4我是标题4/h4
h5我是标题5/h5
h6我是标题6/h6
执行实际效果图如下:
一般一篇文章只会使用一个 h1 标签。
3
font标签
接下来是 font 标签,比如说font size='5' color='#ff33cc'
这是一个 font 标签/font
其中的 “ size “ 是字体的大小属性这里把大小设置为 “ 5 ” ,“ color ” 是 font的颜色属性,可以在 editplus 中选择。
font size='5' color='#ff33cc'
效果展示:
4
段落,格式标签
p标签是一个定义段落标签
pp 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。/p
功能 标记
加粗 b文本/b
倾斜 i文本/i
加强语气(加粗)strong文本/strong
加强语气(倾斜)em文本/em
下划线u文本/u
删除线 del文本/del
上标 sup文本/sup
下标 sub文本/sub
换行br/
执行效果图如下:
5
超链接标签
这一节的最后介绍一下超链接标签
a标签:我们有时候跳转页面就是a标签实现的
ahref=http://www.baidu.com百度/a
这样的话我们就可以跳转到百度页面了。
最后给大家看看本节所有的源代码以及执行效果图
源代码
执行效果图
好的这里给大家分享了常见的一些标签想要学习到更多的标签知识的小伙伴要记得关注我们的公众号 我们会持续更新有关于HTML的文章的。
有疑问?有想法?请留言!
微信搜索关注 :java联盟