web开发初步认识--第一个前端程序-优快云博客

本文链接：https://blog.youkuaiyun.com/Betty_May/article/details/144962407

第一步：使用记事本，编写代码

在E盘下保存路径E:/yourname/..., 文件名Welcome.html
在这里插入图片描述

<html>
	<head>
		<title>我的网页</title>
	</head>
	<body>
		Hello，我的第一个网页
	</body>
</html>

注意事项

文件后缀名以.html结尾
在编写代码的过程中，<>必须是英文状态下编写

第二步：以浏览器方式打开

右键打开方式，以浏览器方式打开即可

在这里插入图片描述

请添加图片描述

工欲善其事必先利其器

浏览器是我们最重要的合作伙伴

在这里插入图片描述

推荐选择

我们推荐谷歌浏览器，有两点原因：

简洁大方，打开响应速度快
开发者调试工具

在这里插入图片描述

开发者工具有效的提高了开发效率

在这里插入图片描述

推荐选择

我们推荐选择VSCode

打开速度快
使用方便

VSCode中文语言包安装：

扩展 → 搜索Chinese → 点击安装

在这里插入图片描述

VSCode打开文件夹与创建文件

生成浏览器文件.html的快捷方式

! + 回车

VSCode常用快捷键列表

web开发初步认识--第一个前端程序