上节课，介绍了开发网页的三个武器：HTML、CSS、Javascript。这节课，我们就用这些学过的知识来实际开发一个网页。
咱们要做的功能，是开一个网页计算器。这个计算器和手机里的计算器一样，可以完成加、减、乘、除操作，同时具有相对美观的界面。我们来一起动手实现吧！
网页设计
我们用sketch画出页面原型，参照下图（这部分可以用纸笔在草纸上实现）。
计算器骨架
设计出页面原型后，我们就开始用HTML编写页面骨架。咱们在pycharm里新建一个文件。命名为index.html。pycharm会自动给我们初始化好一些代码：
Title
我们首先把原型的计算结果区域实现好，参照下面的代码：
2558
很简单，我定义一个p标签，声明id属性为result。
2. 我们来实现计算机下面的一堆按键，看代码：
1
2
3
+
4
5
6
-
7
8
9
*
0
AC
=
/
这个代码相对复杂，我们首先定义了一个div数据块标签。在这个标签里是一堆的标签。从里面的内容可以清晰的看出来有数字和操作两种类型。
计算器样式
到现在，我们的页面骨架就搭建完了，咱们来看看现在页面长成什么样。
是不是很丑？接下来，我们就用CSS来给骨架刷上漆。
计算结果区域
我们首先在标签里增加了