跳至主要內容

3-1 创建第一个网页

AI悦创原创web 专栏web 专栏大约 2 分钟...约 645 字

1. 创建第一个网页

1.1 创建网页-方法一

  • 创建一个空文件夹,在 VScode 编辑器中打开这个文件夹
  • 按 ctrl + N 快捷键新建文件,保存格式必须要手动填写 ".html" 后缀

1.1.1 跟我操作

在你要存储网页的路径下,新建文件夹。新建文件夹我一般喜欢用快捷键。

  • Windows:ctrl + shift + N
  • MacOS:Command + shift + N
  • Linux:mkdir 文件夹名称
image-20221126172402507
image-20221126172402507
image-20221126180234434
image-20221126180234434
image-20221126181957036
image-20221126181957036
image-20221126191205604
image-20221126191205604

当然,也可以快捷键 Command + N

image-20230102202400451
image-20230102202400451

Command + S

image-20230102202449904
image-20230102202449904

1.2 创建网页-方法二

不通过 VSCode 直接,鼠标右键,新建文本文件即可。

  • 在文件夹中直接点击鼠标右键“新建文本文件”

  • .txt 格式文件改为 .html 文件

  • 必须设置操作系统“文件扩展名”为可见

image-20230102205721803
image-20230102205721803
image-20230102205737761
image-20230102205737761
image-20230102205816218
image-20230102205816218

提示

其它操作系统,想要显示后缀,操作略有不同,实在不会的可以留言。

接下来就可以给这个文件重命名就可以了。

2. HTML 文件是纯文本的

  • 网页虽然是花花绿绿的,但是 html 文件本身是纯文本的

3. HTML 骨架的生成

  • **输入!(英文模式下,输入的感叹号),按 tab 键, ** 即可自动生成 HTML 的骨架
  • 如果骨架没有生成,就说明你没有将网页保存,或者网页保存格式不是 .html 后缀
Untitled
Untitled

注意⚠️

记得保存!!!快捷键:

Mac:Command + S

Windows:Control + S

公众号:AI悦创【二维码】

AI悦创·编程一对一

AI悦创·推出辅导班啦,包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发」,全部都是一对一教学:一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然,还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线,随时响应!微信:Jiabcdefh

C++ 信息奥赛题解,长期更新!长期招收一对一中小学信息奥赛集训,莆田、厦门地区有机会线下上门,其他地区线上。微信:Jiabcdefh

方法一:QQopen in new window

方法二:微信:Jiabcdefh

上次编辑于:
贡献者: AndersonHJB,AI悦创
你认为这篇文章怎么样?
  • 0
  • 0
  • 0
  • 0
  • 0
评论
  • 按正序
  • 按倒序
  • 按热度