HTML进阶--如何使用网页编辑器创建网页 ------16岁的小前端

前期的文章中讲到了使用Windows自带的【记事本】来创建网页;

【记事本】在写代码的时候有很多的不便捷,可读性可较差;

所以我们在前端开发的时候都会使用一款【文本编辑器】;来帮助我们的开发;

这篇所讲的这款软件为移动端的app;在实际开发中当然也不会使用;

但最为前期学习的工具也非常好用;

这篇文章就使用【网页编辑器】来创建一个网页;

1. 打开软件并点击上方 + 号

HTML进阶--如何使用网页编辑器创建网页 ------16岁的小前端_第1张图片

 2.  对渲染引擎说【我要做网页】并写出结构

HTML进阶--如何使用网页编辑器创建网页 ------16岁的小前端_第2张图片

3. 保存

HTML进阶--如何使用网页编辑器创建网页 ------16岁的小前端_第3张图片HTML进阶--如何使用网页编辑器创建网页 ------16岁的小前端_第4张图片

HTML进阶--如何使用网页编辑器创建网页 ------16岁的小前端_第5张图片  HTML进阶--如何使用网页编辑器创建网页 ------16岁的小前端_第6张图片

4. 用浏览器打开

HTML进阶--如何使用网页编辑器创建网页 ------16岁的小前端_第7张图片

5.  显示效果

HTML进阶--如何使用网页编辑器创建网页 ------16岁的小前端_第8张图片

 

 

 

 

                                                     ----------------16岁的小前端

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(HTML)