标签之美一——HTML基础元素

标签之美–HTML基础标签使用总结

HTML是一种标记语言，因此，标签便是HTML的核心，一些基础标签的用法总结如下：

1、

任何HTML文件都会有这样一个标签，标记网页的开始和结束。

2、

头部标签中可以包含许多网页的头信息。

3、

这个标签包含在头部标签内，其内容就是网页显示的标题，比如：

<html>
<head>
<title>我的HTML网页</title>
</head>
</html>

结果如下：

4、

这是一个设置标签，也叫元信息标签，用于记录和设置网页的一些属性。

其中：name属性可以用来设置关键字，简要内容，网页生成工具及网页的制作者和网页链接查询权限，分别对应的字段为：Keywords、Description、Generator、Author、Robots。

每一个name的属性，后面都要用contect进行解释。对于Robots属性，contect权限的说明如下：

all:文件和链接都可以被检索

none:都不可以被检索

index:文件被检索

follow:页面上的链接被检索

noindex：文件不被检索，链接可以被查询

标签的另一个属性值为http-equiv，它将告诉浏览器一些重要的信息，例如编码信息：

1	<meta charset="UTF-8"><!--告诉浏览器编码格式-->

定时跳转网页：

1	<meta http-equiv="Refresh" content="5;url=http://www.baidu.com"><!--5S后将跳转到百度网页-->

5、

顾名思义，网页的主体内容写在这个标签里。

下面这些标签都是在标签下的：

6、

段落标签，示例如下：

<html>
<head>
<title>我的HTML网页</title>
<meta charset="UTF-8">
</head>
<body>
<p>这是第一段</p><p>这是第二段</p>
</body>
</html>

7、

换行标签，如下：

1
2
3

<body>
这是第一行<br>这是第二行
</body>

8、

水平分割线，示例如下：

<body>
这是第一行
<hr>这是第二行
<hr size="12"><!--设置分割线宽度-->
这是第三行
<hr width="200"><!--设置分割线的长度-->
这是第四行
<hr width="100" align="left"><!--设置居左-->
</body>

在设置分割线的颜色之前，我们先把HTML中颜色对应的代码总结如下：

<body>
这是第一行
<hr color="#0C2DEC">这是第二行
<hr size="12" color="#FF0000"><!--设置颜色-->
这是第三行
<hr width="200" color="#730C0D">
这是第四行
<hr width="100" align="left" color="#158C4F">
</body>

取消分割线阴影：

<body>
这是第一行
<hr size="12"><!--设置分割线宽度-->
这是第二行
<hr size="16" noshade><!--取消分割线阴影-->
</body>

9、

注释标签，任何编程语言都会有注释语句，这个就无需多说了。形式如下：

10、设置网页背景色

标签中有一个属性，可以用来设置网页的背景颜色：bgcolor

<body bgcolor="#002BF8"><!--设置背景为蓝色-->
这是第一行
<hr size="12"><!--设置分割线宽度-->
这是第二行
<hr size="16" noshade><!--取消分割线阴影-->
</body>

疏漏之处欢迎指正

学习使用欢迎转载

专注技术，热爱生活，交流技术，也做朋友。

——珲少 QQ群：203317592