1首先，在计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档2然后双击打开带有记事本的文本文档，如下图所示，我们编写一个简单的html代码3单击“另存为”的功能选项，显示默认保存为编码为ANSI。

3然后输入最简单的HTML文本语言代码如下 最简单的网页 4保存并关闭txt文本，然后修改我们txt文本的扩展名为html，此时会弹出警告框，提示我们修改后可能会导致文件不能使用，这是操作系统的一个处理逻辑，为了防止无意。

当窗口小于480px的时候，横向导航条隐藏，换成点击下拉效果的导航条如上图，从左至右依次为移动版本平板电脑桌面浏览器的效果1响应式网页结构 首先，我们先来看下上面案例展示的html结构，如下图所示可以说。

CSS 盒子模型Box Model所有HTML元素可以看作盒子，在CSS中，quotbox modelquot这一术语是用来设计和布局时使用CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括边距，边框，填充，和实际内容盒模型允许我们在其它。