编写第一个HTML页面
在搭建好开发环境后，我们将编写第一个简单的HTML页面，并在浏览器中运行它。这个过程将帮助你熟悉HTML文件的基本结构和运行方式。
1. 创建HTML文件：
首先，我们需要在项目文件夹中创建一个HTML文件。
打开你的文本编辑器（如VS Code）。
创建一个新文件，并将其命名为“index.html”。
保存文件到你创建的项目文件夹中。
2. 编写HTML代码：
在“index.html”文件中编写以下代码：
<!-- 声明文件类型是HTML页面，也就是支持浏览器浏览的文件 --> <!DOCTYPE html> <!-- html标签是一对的，声明当前的网页是一个整体，可以理解为是一个人 --> <html> <!-- 跟人一样有头 --> <head> <!-- 说的语言，在这里使用的是编程支持的中文编码UTF-8 --> <meta charset="UTF-8"> <!-- 支持的显示情况，它是在兼容手机，平板电脑，台式机显示网页的兼容 --> <meta name="viewport" content="width:device-width,initial-scale=1.0"> <!-- 标题，理解就是跟人一样的名字 --> <title>71muke网</title> </head> <!-- 跟人一样有身体 --> <body> <h1>这是网页标题：71muke</h1> 这是我的显示内容 </body> </html>
代码解释：
<!DOCTYPE html>：声明文档类型，告知浏览器这是一个HTML5文档。<html>：定义HTML文档的根元素，设置文档语言为英语。<head>：包含文档的元数据（meta-information），如编码、视口设置和标题。<meta charset="UTF-8">：设置文档的字符编码为UTF-8。<meta name="viewport" content="width=device-width, initial-scale=1.0">：设置视口，以确保页面在移动设备上正确显示。<title>：定义文档的标题，将显示在浏览器标签栏中。<body>：包含文档的内容。<h1>：定义一级标题，显示为“Hello, World!”。<p>：定义一个段落，显示为“Welcome to learning HTML5.”。
3. 保存文件：
在文本编辑器中保存“index.html”文件（通常可以使用快捷键Ctrl+S或Cmd+S）。
4. 在浏览器中打开HTML文件：
打开文件管理器，找到保存的“index.html”文件。
右键点击文件，选择“打开方式”，然后选择一个浏览器（如Chrome、Firefox、Edge等）打开文件。
运行效果：
你将在浏览器中看到一个简单的网页，展示刚才运行后的内容。
课程练习：
请使用HTML和CSS编写一个简单的网页，要求使用HTML的基本结构代码编写完成，并在浏览器打开该网页后显示内容“第一个练习HTML页面”。
练习代码提交地址：编写第一个网页练习
需要购买本课才能留言哦~