抱歉，您的浏览器无法访问本站

本文最初于2015-10-01发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。

以下是正文。

国庆节快乐，还在加班的童鞋，良辰必有重谢！

本文主要内容

• 头标签
• 排版标签：<p>     <div>     <span>   <br>     <hr>     <center>     <pre>
• 字体标记：<h1>    <font>    <b>    <u>    <sup>    <sub>
• 超链接
• 图片标签

前言

web标准

web标准介绍：

• w3c：万维网联盟组织，用来制定web标准的机构（组织）
• web标准：制作网页要遵循的规范。
• web标准规范的分类：结构标准、表现标准、行为标准。
• 结构：html。表现：css。行为：JavaScript。

web标准总结：

• 结构标准：相当于人的身体。html就是用来制作网页的。
• 表现标准： 相当于人的衣服。css就是对网页进行美化的。
• 行为标准： 相当于人的动作。JS就是让网页动起来，具有生命力的。

浏览器介绍

浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、猎豹浏览器、Safari和Opera等。如下图所示：

浏览器内核：

PS：「浏览器内核」也就是浏览器所采用的「渲染引擎」，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。渲染引擎是兼容性问题出现的根本原因。

Sublime Text 的使用

详情请移步至：Sublime Text使用技巧

一、HTML的介绍

1、HTML的概述：

html全称为HyperText Markup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。

• 超文本：音频，视频，图片称为超文本。
• 标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。

作用：HTML是负责描述文档语义的语言。

注意：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程)，HTML页面直接由浏览器解析执行。

HTML是负责描述文档语义的语言

html中，除了语义，其他什么都没有。

html是一个纯本文文件（就是用txt文件改名而成），用一些标签来描述文字的语义，这些标签在浏览器里面是看不到的，所以称为“超文本”，所以就是“超文本标记语言”了。
所以，接下来，我们肯定要学习一堆html中的标签对儿，这些标签对儿能够给文本不同的语义。

比如，面试的时候问你，h1标签有什么作用？

• 正确答案：给文本增加主标题的语义。
• 错误答案：给文字加粗、加黑、变大。

2、HTML的历史