1、前端语言介绍

1.1、HTML(Hypertext Markup Language)

HTML又称为超文本标记语言，其主要功能是创建结构，它能控制内容的布局，为网页设计提供结构，是任何网页的基本构建块。

1.2、CSS(cascading style sheet)

CSS被称为层叠样式表，它的功能就是将网站风格化，能将样式应用于网页元素，定位各种屏幕尺寸使网页具有响应能力，主要处理网页的外观和感觉。

1.3、JavaScript

JavaScript的作用是向网页增加交互性，处理复杂功能和特性，是增强功能的编程代码。JavaScript也是最具有灵魂的语言。

如果把三剑客比作成一个人，那么HTML就是人的骨骼，CSS就是人的整个身体和皮囊，而JavaScript就是控制人行为的肌肉群。这三种语言同等重要，缺一不可。

2、三种语言的基本使用

2.1、HTML

我的测试页面

这是我的页面

上面是一个最简单的HTML文件的基本格式，包含head和body两部分，其中head里有meta和title元素，body中有p元素。除此之外，head和body中还可包含更多种类的元素。

2.2、CSS

h1 { color: red; font-size: 5px; }

语法由一个选择器（selector）起头。它选择了我们将要用来添加样式的 HTML 元素。在这个例子中我们为一级标题添加样式。接着输入一对大括号 { }。在大括号内部定义一个或多个形式为属性（property）—值（value）对的声明。每个声明都指定了我们所选择元素的一个属性，之后跟一个我们想赋给这个属性的值。冒号之前是属性，冒号之后是值。不同的 CSS 属性对应不同的合法值。在这个例子中，我们指定了 color 属性，它可以接受许多颜色值还有font-size属性，它可以接收许多值。

2.3、JS

JavaScript 是一种脚本编程语言，它可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，而是实时的内容更新——交互式的地图、2D/3D 动画、滚动播放的视频等等。这就是Javascript的功能。

3、其他内容

对于HTML标签我们可以进行一个简单的分类：

文档型
闭合型
换行型
H5新元素（如音频，视频，以及对二进制和API的处理）

(用比不用好，不用比用错好）

Web的流行与风靡

对用户与开发者友好
领域成熟
未来的方向广阔

经验小结：了解一门语言的基本语法和框架后，就可以开始实操了。切记要多动手实战，哪怕是再简单的例子，也要自己动手敲一遍而不是看懂就行。

前端语言串讲 | 青训营