html显示诚实,初识前端之HTML（二）

上次说了html的发展和一点点扩展知识，这次就来说说html的标签，因为太多，说以先说的是html5和html4.01之间通用的标签，但是不是完全严格的html5标签。

标签

div标签可以理解它是一个装东西的盒子，有了它，内容、图片、视频、连接、都可以装到div里，然后用css添加样式和js特效，成为我们看到的好看的网页。

div的标准定义

 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。

演示代码：

Document

这是一个html网页运用div做出的一个小布局，含有content(容器)、head(页头)、main(页面主体)、news(新闻)、summary(摘要)、foot(页脚)由此可见div标签的重要性。也可以不使用div标签，但是这样就无法布局，也无从下手写css样式了。

标签

link标签是用来定义文档与外部文件资源的关系，最常见的用途是用来连接外联css样式表和js文件。

link的标准定义

标签定义文档与外部资源的关系。

需要注意的是link此标签只能存在于 head 部分，不过它可出现任何次数。

演示代码：

Document

运用link标签来连接外联css样式表和js文件来给网页增添各自特效和美化网页，而不是直接在html里写出所有css样式和js代码，保证html代码的可读性和美观。

和

与标签

html标签是用于定义一个html文档， 与 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。head标签可以理解为html文档的头部，文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。body标签可以理解为html文档的身体，它包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)

html的标准定义

标签是告知浏览器其自身是一个 HTML 文档。

head的标准定义

body的标准定义

演示代码：

Document

html和head与body 是html文档中不可缺少的标签，有着绝对性，是不可用其他标签代替和缺少的，这三个标签缺少一个，浏览器都无法解释，也就没办法显示正常的网页页面了。

标签是个注释标签，写在标签里的内容浏览器不会解释，写在里面的代码也无法被浏览器解释。

！--的标准定义

一般用于注释代码，让其他的工作人员不会花太多时间去理解内容，或着可使用注释对你的代码进行解释，这样做有助于你在以后的时间对代码的编辑。当你编写了大量代码时尤其有用。使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯(这样就不会把脚本显示为纯文本)。

style标签

style标签是为html文本添加css样式表时候使用的，也可以使用外联的css样式表，在 style 中，你可以规定在浏览器中如何呈现 HTML 文档。

style的标准定义

代码演示：

首页布局

#content{

width: 1650px;

height: 900px;

background: #E0FFFF;

float: left;

}

#head{

height: 200px;

background: #DEDEDE;

margin: 5px;

float: top;

}

#amin{

width: 1640px;

height: 610px;

margin: 10px;

}

#news{

width: 1300px;

height: 600px;

background: #DEDEDE;

margin: 10px 10px;

float: left;

}

.summary{

width: 630px;

height: 280px;

background: #EECBAD;

margin: 10px;

float: left;

}

#sidebar{

width: 300px;

height: 600px;

background: #DEDEDE;

margin: 10px;

float: right;

}

#foot{

height: 60px;

background: #DEDEDE;

margin: 5px;

}

style标签可以为html文档添加简单的css样式，但是太过复杂和太长的css样式还是推荐使用link标签来连接外联css样式表。

这就是常用的html标签里的几个了，标签还有很多，下次我会继续讲解标签和作用。