Web网页基础

网页的组成

网页一般由三个部分组成：

• HTML
• CSS
• Javascript

如果把网页比作一个人，那么HTML相当于骨架，JavaScript相当于肌肉，CSS相当于皮肤，这三者结合起来才能形成一个完善的网页。

HTML

HTML（Hypertext Markup Language）超文本标记语言。是一种用来描述网页的语言。网页包括文字、按钮、图片和视频等各种复杂元素，其基础框架就是HTML。网页通过不同类型的标签来表示不同类型的元素，如用img标签表示图片，用video标签表示视频，用p标签表示段落，这些标签之间的布局常由布局标签div嵌套组合而成，各种标签通过不同的排列组合和嵌套形成最终的网页框架。
具体的HTML学习细节可参考：菜鸟教程

CSS

HTML定义了网页的架构，但是只有HTML的页面布局并不美观，只有节点元素的简单排列。为了让网页更好看一些，可以借助CSS来实现。
CSS（Cascading Style Sheets）层叠样式表。＂层叠＂是指当HTML中引用了多个样式的文件，并且样式发生冲突的时候，浏览器能够按照层叠顺序处理这些样式。“样式”指的是网页中的文字大小、颜色、元素间隔、排列格式等。CSS是目前唯一的网页页面排版样式的标准。

.wrapper .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}  

上述代码就是一个CSS的样式，大括号前面是一个CSS选择器，此选择器的意思是选择ID为wrapper且class为tooltip的节点。大括号的内部就是一条一条的规则，有位置、宽度和各种显示的布局。在网页中，一般会统一定义整个网页的样式规则，并写入CSS文件中（其后缀为css）。在HTML中，只需要用link标签即可引入写好的CSS文件，这样整个页面就会变得美观、优雅。

遗留问题

：before含义未知，带确认

JavaScript

JavaScript简称JS，是一种脚本语言。HTML和CSS组合使用，提供用户的只是一种静态的信息，缺乏交互性。我们在网页里还可能会看到一些交互和动画效果，如下载进度条，提示框，轮播图等，这通常就是JS的功劳。JavaScript的出现使得用户与信息之间不只是一种浏览关系，还实现一种实时、动态、交互的页面功能。
JavaScript通常也是通过文件的形式来加载的，后缀为js，在HTML中通过script标签即可引入，如<script src="jquery-2.1.0.js"></script>。

网页的结构