上一篇文章,我们知道了什么是 HTML,以及网页的基本架构。但是在网页中是有很多标签的,所以今天我们就来一起认识一下 HTML 中的常见标签吧!。
首先我们先来了解一下 HTML 标签的类型:
单标签与双标签
单标签: 单个标签<标记名称>
无属性值: 如: <br /> (换行)
有属性值: 如: <hr width="80%" /> (水平线的宽占参照物的百分之八十)
双标签:两个标签,成对出现。
无属性值: <标记名称>...</标记名称>
如: <title>...</title>
有属性值: <标记名称 属性="属性值">...</标记名称>
如:<font size="7">...</font>
注意:标签的属性与属性之间以空格分隔,属性不区分先后顺序,且属性不是必需要写的。
标题标签
标题标签:<hx></hx>
其中“x”是1~6的数字代表字体的大小
如下就是标题标签
<h1>我是标题1</h1>
<h2>我是标题2</h2>
<h3>我是标题3</h3>
<h4>我是标题4</h4>
<h5>我是标题5</h5>
<h6>我是标题6</h6>
实际效果图
一般一篇文章只会使用一个 <h1> 标签。
font标签
接下来是 <font> 标签,比如说<font size='5' color='#ff33cc'>
这是一个 font 标签</font>
其中的 “ size “ 是字体的大小属性这里把大小设置为 “ 5 ” ,“ color ” 是 font的颜色属性,可以在 editplus 中选择。
<font size='5' color='#ff33cc'>
效果展示:
段落,格式标签
<p>标签是一个定义段落标签
<p>p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。</p>
功能 标记
加粗 <b>文本</b>
倾斜 <i>文本</i>
加强语气(加粗) <strong>文本</strong>
加强语气(倾斜) <em>文本</em>
下划线 <u>文本</u>
删除线 <del>文本</del>
上标 <sup>文本</sup>
下标 <sub>文本</sub>
换行 <br/>
执行效果图如下:
超链接标签
这一节的最后介绍一下超链接标签
a标签:我们有时候跳转页面就是a标签实现的<a href="http://www.baidu.com">百度</a>
这样的话我们就可以跳转到百度页面了。
最后给大家看看本节所有的源代码以及执行效果图
源代码
执行效果图
好的,今天就先写这么多了!再见了!