认识HTML

最新推荐文章于 2021-07-26 09:21:05 发布

小王师傅66

最新推荐文章于 2021-07-26 09:21:05 发布

阅读量495

点赞数

分类专栏：前端知识文章标签：网页设计

本文链接：https://blog.csdn.net/WKX18330698534/article/details/52129035

版权

前端知识专栏收录该内容

16 篇文章 0 订阅

订阅专栏

一、标签概念：

之前我们说过，在HTML兴起后，网页开发人员开始为这一语言添加新特征,破坏了HTML的简单性，在浏览器如何显示网页这一问题上带来了不一致，导致了网页浏览器必须猜测如何显示网页，网业设计者不能确切的定义网页如何显示。 HTML标签便解决了这个问题，它标记了一些文本，使网页浏览器能够识别这是哪种文本，进而正确的显示文本。HTML标签是用于指示如何显示网页部分的编码命令。

开始标签：指明HTML命令开始，命令影响的文本位于开始标签后；
结束标签：指明HTML命令结束，命令影响的文本位于开始标签前；
空标签：在页面发出一个HTML命令，而不包含任何文本的HTML标签。

二、应用效果：

1、代码部分：

2、效果图：

3、我们可以先用人做个比喻：
<html>告诉我们：嘿，这是一个人；
<head>告诉我们：哇哦，这是一个已经35岁的数学老师，家里有一个儿子，一个女儿。（这些内容不会从表面上显示给读者）；
<body>告诉我们：嘻嘻，这个对象上面穿了一件T恤，下面是一条牛仔裤，看起来是个很阳光的老师，我的数学有救了。（本人自己的想象）
这样，整个人的形象就基本描述清楚了。但是，为了让这个人看着更加自然，好看，我们给他穿双鞋：
<footer>告诉我们，哈哈，这双鞋不错，是李宁牌的。

这样，从整体上，我们对一个人的形象大致上就描述清楚了。

三、具体解析：

1、<html >放到文章的开头，表明这是一个网页，当然</html>则表示网页的结束；
2、<head>标识文章的头部，是头部元素的容器。它描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
可以放在<head>中的标签有：
<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
3、<body>:包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
网页浏览器在网页顶部显示<title></title>之间的文本。