这是我参与「4月日新计划更文活动」的第1天。
我是一个前端新手，刚刚学习前端基础，正好赶上了这个更文活动，实在非常开心。
我想，不如趁着这个机会把之前学习到的前端知识在这个平台上发出来，既能每日进行自我总结，又能跟着这个活动自我坚持，每天打卡，看到自己的进步。
心里有了这个想法，说干就干。
今天，我想跟大家分享一下怎么写一个简单的html页面，并在网页上跑起来。
这里一共分成几个步骤。
一、选择自己喜欢的编辑器
二、创建index.html文件
三、优化自己的网页
一、选择自己喜欢的编辑器
我最开始学习编程的时候，用的是sublime3，后面入职之后，看到有同事在使用vscode，我也下载了这个软件，一直用到现在。
那么今天我就用VScode编辑器进行演示如何创建一个简单的html页面吧。
接下来就进入正题了。
二、创建index.html文件
当你想写一个html网页的时候，最好你应该给他取一个你喜欢的英文名字，并不是因为英文名字很洋气，而是在编程的世界里，所有的文件名跟文件路径最好都使用英文，避免编译的时候出现错误。
在创建了文件index.html之后，用vscode打开这个文件。然后使用快捷键shift + ！，然后在编辑器中打出如下图所示的感叹号。
然后按住tab键之后，就会生成基础的html骨架，并且在title中间写上自己喜欢的名字。比如我这里写的是我的新页面。后面在网页中打开的时候就能作为标题看到在网页中出现了。如下所示：
以上，就完成了这个网页的基本骨架，此时在页面中打开，我们可以看到最基础的效果。
但是这样还是太简单了，网页除了标题之外，其他一点东西都没有，好丑啊。
所以需要优化一下。
三、优化自己的网页
我最开始学习html布局的时候，看到有朋友使用table布局画出来一个表格，好好看，所以我也用这个方式写我的第一个网页。
写出来的代码就是下面这样，可以看到整个布局非常简单。
最后将这个网页用浏览器打开，我们可以看到一个表格俨然出现在左上角。
这样，就把最基础的网页写好了。
看到掘金上的好文章，如果对你有帮助，顺手点个赞，或者把文章收藏。不用担心找不到了，以后也能经常收到类似好回答，我会持续进行更新。
