创建一个网页（新手篇）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

目录

前言

一、术语

二、创建网页

---

前言

前端三件套：

        HTML（Hypertext Markup Language）构建网页的框架。

        CSS（Cascading Stylesheet）嵌套样式表，就是添加细节使网页更加好看。

        JavaScript 用来给网页添加功能。

---

一、术语

1. https://www.bilibili.com这种在地址栏中的字被称为URL（Uniform Resource Location 统一资源定位）
2. HTTP 是客户端和服务端对话的语言
3. HTTPS 就是加密的HTTP

二、创建网页

1. 下载编辑器（我下的是VSCode）https://visualstudio.microsoft.com/zh-hans/
2. 安装两个插件，点击最左边圈出的按键，搜索prettier

   

   和live server，

   

   点击下载（install）
3. 在桌面上创建一个文件夹
4. 打开VSCode，打开资源控制器面板（如图左上角）

   

   后点击“Open Folder”（蓝色方框中的）,选择刚刚创建的文件夹
5. 创建一个文件

   

   命名随意，推荐：index.html，注意后缀要为html。
6. 在VSCode中有一个模板（输入！加Tab键）第一行：告诉浏览器这是一个HTML5文档。第二行指明语言“en”表示英语。每个网页有两个元素：head，body。head标签向浏览器提供文档的信息，其中title元素表示文档显示的标题（可以修改），如图

   

   body标签中输入需要显示在页面中的内容。这个在之后的笔记总结中会详细介绍。
7. 打开网页。代码完成后Ctrl+S 保存，右击鼠标，点击Open with Live Server.

   

   即可打开你创建的网页。

---