创建一个网页（新手篇）

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

目录

前言

一、术语

二、创建网页

---

前言

前端三件套：

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

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

        JavaScript 用来给网页添加功能。

---

一、术语

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

二、创建网页

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

和live server，

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

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

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

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

即可打开你创建的网页。

---