一.前端语言基本能力
三件套：HTML、CSS、Javascript
HTML简述：
一种超文本标记语言（HyperText Markup Language），可单独构成静态的 Web 世界，它定义了网页内容的含义和结构。通常构成网页的结构。
CSS简述：
CSS 可在HTML基础上给文档添加样式 —— 比如改变标题和链接的颜色及大小。它也可用于创建布局 —— 比如将一个单列文本变成包含主要内容区域和存放相关信息的侧边栏区域布局。它甚至还可以用来做一些特效，比如动画效果。
Javascript简述
Javascript可以在网页上实现复杂的功能，同用户实现交互效果——交互式的地图、2D/3D 动画、滚动播放的视频等等。
二.前端语言的协作配合
1.CSS和HTML
①内部样式表：
写在如下所示代码之间
<style></style>
②行内样式表
写在标签内，示例如下：
<h1 style=""></h1>
③外部样式表
单独建立一个CSS文件，使用如下方法引入：
<link rel="stylesheet" href="css文件相对/绝对地址">
2.Javascript和HTML
①行内式
行内式是将JavaScript代码作为HTML标签的属性值使用。例如，在单击超链接“网站”时，弹出一个警告框提示“你好”，示例代码如下：
<a href="javascript:alert('你好');">网站</a>
②嵌入式
嵌入式(或称内嵌式)使用标签包裹JavaScript代码，直接编写到HTML文件中，通常将其放到标签或标签中。示例如下：
<script> JavaScript代码 </script>
③外链式
外链式(或称外部式)是将JavaScript 代码写在一个单独的文件中，一般使用“js”作为文件的扩展名，在HTML页面中使用script标签的src属性引人“js”文件。示例代码如下：
<script src="test.js"></script>
三.HTML5的最新属性
| 标签 | 用法 |
|---|---|
| header | 头部标签 |
| nav | 导航标签 |
| article | 内容标签 |
| section | 块级标签 |
| aside | 侧边栏标签 |
| footer | 尾部标签 |
| audio | 视频标签 |
| vidio | 音频标签 |
