0


创建一个网页(新手篇)

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


前言

前端三件套:

    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. 即可打开你创建的网页。

标签: 学习 前端

本文转载自: https://blog.csdn.net/2201_75440404/article/details/140492124
版权归原作者 52MangoSteen 所有, 如有侵权,请联系我们删除。

“创建一个网页(新手篇)”的评论:

还没有评论