HTML 代码的窗口今天老班和各位讲的是HTML代码的“简介编辑器基础元素属性标题”这六个部分的内容，都是老班的。

将上述代码修改成HTML 5支持的页面代码如下所示 页面结构 header，nav，article，footer border solid 1px #666 padding 5px。

将你的文本编辑器和浏览器并排放置，并交叉检查它们在一侧你可以看到HTML源代码，另一侧可以看到浏览器是如何解释和渲染它。

HTMLCSS和JS组成Codepen有很多方便你展示代码的功能例如，它支持 SASS 和 LESS 语法，可以快速的添加常用的JS库如。

DOCTYPE的声明 如果我们想做好一件事情，首先要知道我们有哪些权利去做，就如“DOCTYPE”的声明字符集和编码字符 在每个页面的开始中，我们都在 中设置了字符集，我们这里都是使用“UTF8” 而且我们在平时写页面中时正确的代码缩进 在页面编辑中，代码的缩进有没有正确，他不会影响你网站的任何功能，但要是你没有一个规范的缩进原则。

Visual Studio 编辑器提供了许多功能，让你可以更轻松地编写和管理自己的代码 可通过使用大纲显示来展开和折叠不同的代码块。

编辑器中打开文件，键入 ！ 并按 Enter 以获取 HTML 模板通过简单地键入 ！，您就可以编写 11 行代码您是否看到了我之前提到。