【web大前端】001_前端开发入门：创建你的第一个网页
前端开发入门：创建你的第一个网页
在当今数字化时代，网页已经成为人们获取信息和交流的重要平台。对于想要学习编程的人来说，前端开发往往是一个不错的起点。本文将带你通过简单的两步，创建属于你的第一个网页程序。
点击这里去哔哩哔哩听课
001_前端_第一个前端程序
第一步：使用记事本编写代码
创建网页的第一步是编写HTML代码。HTML（超文本标记语言）是构建网页的基础，它使用标签来定义网页的结构和内容。
首先，打开记事本程序。在记事本中输入以下代码：
<html><head><title>我的网页</title></head><body>Hello，我的第一个网页</body>
</html>
这段代码包含了一个基本网页的结构：
<html>标签是整个网页的容器<head>标签包含了网页的元信息，如标题<title>标签定义了网页在浏览器标签上显示的标题<body>标签包含了网页的可见内容
完成代码编写后，将文件保存到I盘下，路径为 I:/itbaizhan...，文件名取为 Welcome.html。注意，文件后缀名必须是 .html，这是网页文件的标准后缀。
注意事项
在编写HTML代码和保存文件时，需要注意以下几点：
- 文件后缀名必须以
.html结尾，这样浏览器才能正确识别并打开它 - 所有HTML标签的尖括号
<>必须在英文状态下输入，中文状态下的尖括号会导致代码错误
第二步：以浏览器方式打开
完成代码编写并保存文件后，接下来需要在浏览器中打开这个网页，查看实际效果。
找到刚才保存的 Welcome.html 文件，右键点击它，在弹出的菜单中选择"打开方式"，然后选择你常用的浏览器，如Chrome、Firefox或Edge等。
浏览器会立即加载并显示你的网页。在这个简单的例子中，你会看到浏览器标签上显示"我的网页"，而网页内容则是"Hello，我的第一个网页"。
实时效果反馈解答
通过这个简单的实例，我们可以解答以下两个常见问题：
-
网页文件的正确后缀名是：
- 正确答案：B 后缀为
.html - 解析：.html是网页文件的标准后缀，用于告诉浏览器这是一个HTML文档
- 正确答案：B 后缀为
-
符合HTML标签规范的写法是：
- 正确答案：C
<html></html> - 解析：HTML标签由开始标签和结束标签组成，结束标签需要在尖括号内添加斜杠
- 正确答案：C
通过这两个步骤，你已经成功创建并打开了自己的第一个网页。虽然这个网页非常简单，但它包含了所有网页的基本结构。随着学习的深入，你可以逐步添加更多的元素和功能，如图片、链接、样式和交互效果等。
前端开发是一个充满创意和乐趣的领域，希望这个简单的入门教程能为你打开编程世界的大门！