关于一个网页来说，咱们在html中首要来学习一些常用的标签。经过学习这些标签，咱们能把90%的网站都能够渐渐建立。

前端常识咱们运用软件hbuilder来编程，首要翻开sublime，新建index.html，输入html回车：

 html 
 head 
 title /title 
 /head 
 body 
 /body 
 /html 

生成一大堆的内容，是不是看的很懵逼。那么接下来咱们来分析这段代码。

每一个页面中的结构，都会有一个最外层的标签，它表明文档内容的开端。

html标签包括两部分：头部声明和内容部分。

如果把网页比作洋葱，一层包一层，那 html 标签便是洋葱最外层的皮，  html  元素是一张网页的根标签，所以其他一切元素都是是此元素的子孙。 

把一个网页比作一个人的话，那么head标签便是这个人的基本信息，尽管这个无法直接观察到，但这些内容的确存在，并且是在网页中必不可少的。head用于表明网页的中的一个根底的信息

把一个网页比作一个人的话，那么body标签便是这个人的身体，肤色，痔疮。它里边的内容是看得见摸得着的。关于人的性情，意淫的主意，性取向等body是管不着的。那么body标签包括页面中一切的可见元素，比方网页中的文本的展现内容，美丽meinv ，悦耳的音乐，炫酷的电影等都归于body所管。

好了，信任咱们对html文档结构有了必定的认知，那么咱们接下来，就逐个的学习head和body中的相关标签。

html不区别大小写，也便是说 head 和 head 都能够。

html页面的后缀名是html或许htm。

meta标签共有两个特点，它们分别是http-equiv特点和name特点，不同的特点又有不同的参数值，这些不同的参数值就完成了不同的网页功用。

它用来向浏览器传达一些有用的信息，协助浏览器正确地显现网页内容，与之对应的特点值为content，content中的内容其实便是各个参数的变量值。

在html4.01版别中，咱们运用下面装备来规则html 文档的字符编码。

 meta http-equiv="content-type" content="text/html; charset=utf-8" 

但在html5版别中，咱们运用更简化的方法来规则html 文档的字符编码。

 meta charset="utf-8" 

首要用于页面的关键字和描绘，是写给查找引擎看的，关键字能够有多个用 , 号离隔，与之对应的特点值为content，content中的内容首要是便于查找引擎机器人查找信息和分类信息用的。 

meta name="keywords" content=",邮箱,游戏,新闻,体育,文娱,女人,亚运,论坛,短信" /

这些关键词，便是告知查找引擎，这个网页是干嘛的，能够进步查找命中率。让他人能够找到你，查找到。

meta name="description" content="是我国抢先的互联网技能公司，为用户供给免费邮箱、游戏、查找引擎服务，开设新闻、文娱、体育等30多个内容频道，及博客、视频、论坛等互动沟通，网聚人的力气。" /

只需设置description页面描绘，那么百度查找成果，就能够显现这些句子，这个技能叫做搜索引擎优化。

首要用来告知用户和查找引擎这个网页的首要内容是什么，查找引擎能够经过网页标题，敏捷的判别出当时网页的主题。 

 title 爱编程的小灰灰 /title