使用HTML制作简易手机轮廓模型

1.创建html项目：

 2.制作框架：

先分析整体所需要的布局，使用<div>标签代码制作出大概的轮廓，然后再分配出来每个地方所需要的<div>标签，其中，将大的<div>标签分割成几个小的<div>标签，使内容展现出来。

3.填充内容：

使用内嵌式css样式，给<div>设置高度，宽度，同时修饰标签元素。

4.运行成果 ：

完整代码如下：