从零开始学前端第一季第002期：代码初体验，编写属于本身的第一个网页

时间 2020-02-20

原文原文链接

欢迎语

哈喽你们好，又跟你们见面了。无论在看到这篇文章以前你作什么工做，是一位厨师、一位老师、一位建筑工人、又或者是一名医生。我相信在你的工做或者生活当中都接触过电脑或者手机，在使用电脑或手机的过程中，你确定也使用了浏览器或者各类手机软件。不知道你在使用的过程中有没有好奇这些网站或者软件是如何作的。若是你心存好奇，那么今天我就告诉你这个秘密，同时我也将带着你一块儿编写属于本身的第一个网页。 html

开始写代码

打开咱们昨天安装的编辑器vscode如图。
建立项目文件夹存储咱们将要编写的代码，就比如圈一块地为咱们开建大楼作准备一个道理如图
项目文件夹下建index.html文件，该文件为编写网页代码的文件如图所示
如今开始正式编写代码，教你们一个快捷方式快速生成网页基础结构输入html编辑器会自动提示选择第二行html:5按回车键便可生成如图
写第一个标签<h1></h1>,在<h1>和</h1>标签之间，输入Hello World 字符串向编程世界问声好，或者也能够想本身女友爱人表白。同时修改<title>Document</title>为<title>个人第一个网页</title>，此时咱们的第一行代码，第一个网页已经编写完成,同时按command+s键保存刚才写的代码.

<!DOCTYPE html>
     <html lang="en">
     <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>个人第一个网页</title>
     </head>
   <body>
   <h1>Hello World</h1>
  </body>
 </html>
复制代码

安装open in browser 插件（该插件能够提供在编辑器里边直接打开html文件）
打开咱们刚才写的index.html文件
此时浏览器里边已经出现咱们刚才编写的程序效果

到此属于咱们本身的第一个网页就完成了。

结束语

今天的练习很简单，但我想对于之间只使用过网页的人，能经过本身写出这属于本身的第一个网页，已是很大的进步，我相信，只要咱们继续保持这种好奇心，学习欲望，坚持不断学习不就未来咱们本身也能够变成一个前端工程师，写出漂亮的网页来。前端

从零开始学前端 第一季 第002期：代码初体验，编写属于本身的第一个网页

欢迎语

开始写代码

结束语

从零开始学前端第一季第002期：代码初体验，编写属于本身的第一个网页