HTML---基本标签

最新推荐文章于 2022-12-06 22:52:21 发布

Ywyyy231128

最新推荐文章于 2022-12-06 22:52:21 发布

阅读量240

点赞数 1

文章标签： html 前端

本文链接：https://blog.csdn.net/Ywyyy231128/article/details/127700746

版权

一.HTML的基本结构：

a.文档声明：<!DOCTYPE html>

b.html标签对：<html></html>

c.head标签对：<head></head>

d.body标签对：<body></body>

eg:

<!DOCTYPE html>
<html>
<head>
    <title>这是网页的标题</title>
</head>
<body>
    <p>这是网页的内容</p>
</body>
</html>

*分析：title标签是head标签的内部标签，其中<title></title>标签内定义的内容是页面的标题。这个标题不是文章的标题，而是显示在浏览器栏目的那个标题。 <p></p>是段落标签，用于定义一段文字。

二.head标签

在HTML中，一般来说，只有6个标签能放在head标签内。如下：title标签，meta标签，link标签，style标签，script标签，base标签。

A.title标签(定义网页的标题）

<!DOCTYPE html>
<html>
<head>
    <title>学习网</title>
</head>
<body>
    <p>学习网，前端教程。</p>
</body>
</html>

B.mate标签（一般用于定义页面的特殊信息。简单来说，meta标签就是用来告诉“搜索蜘蛛”这个页面是做是做什么的。）

其中，在web技术中，我们一般形象地称搜索引擎为“搜索蜘蛛”或“搜索机器人”。在HTML中，meta标签中有两个重要的属性:name和http-equiv。

a.name属性取值
属性值	说明
keywords	网页的关键字，可以是多个
description	网页的描述
author	网页的作者
copyright	版权信息

b.http-equiv属性

1.定义网页所使用的编码语法：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

在HTML5标准中可简写成：

<meta charset="utf-8"/>

2.定义网页自动刷新跳转语法：

<meta http-equiv="refresh" content="6;url=http://www.study.com"/>

三.body标签

eg:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>body标签</title>
</head>
<body>
    <h3>静夜思</h3>
    <p>床前明月光，疑是地上霜。</p>
    <p>举头望明月，低头思故乡。</p>
</body>
</html>

*分析：<meta charset="utf-8"/>的作用是防止页面出现乱码。此外，这一句必须放在title标签以及其他meta标签前面。 h3标签是一个“第3级标题标签”，一般用于显示“标题内容”。

四.HTML注释（方便理解、查找....）

语法：

<!--注释的内容-->

又叫注释标签。表示注释的结束。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>HTML注释</title>
</head>
<body>
    <h3>静夜思</h3>                     <!--标题标签-->
    <p>床前明月光，疑是地上霜。</p>      <!--文本标签-->
    <p>举头望明月，低头思故乡。</P>      <!--文本标签-->
</body>
</html>

*分析：用“<!--"和"--!>注释的内容不会显示在浏览器中。