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

时间 2019-11-12

标签标签之美 html 基础元素栏目 HTML 繁體版

原文原文链接

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

HTML是一种标记语言，所以，标签即是HTML的核心，一些基础标签的用法总结以下：html

一、<html></html>编程

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

二、<head></head>编程语言

头部标签中能够包含许多网页的头信息。工具

三、<title></title>学习

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

<html>
<head>
<title>个人HTML网页</title>
</head>
</html>

结果以下：编码

四、<meta>url

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

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

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

all:文件和连接均可以被检索

none:都不能够被检索

index:文件被检索

follow:页面上的连接被检索

noindex：文件不被检索，连接能够被查询

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

定时跳转网页：

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

五、<body></body>

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

下面这些标签都是在<body>标签下的：

六、<p></p>

段落标签，示例以下：

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

七、<br>

换行标签，以下：

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

八、<hr>

水平分割线，示例以下：

<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>

九、

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

十、设置网页背景色

<body>标签中有一个属性，能够用来设置网页的背景颜色：bgcolor

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

疏漏之处欢迎指正

学习使用欢迎转载

专一技术，热爱生活，交流技术，也作朋友。

——珲少 QQ群：203317592