HTML 初体验
AI 摘要
HTML 的概念
HTML（HyperText Markup Language），即超文本标记语言。
语言意味着它是一种 计算机语言 （区别于严格意义上的编程语言）。
标记语言 是指它使用 <html> <head> <body> <title> <h1> <p> 等不同的 标签 （tag）来标记和描述不同的结构和内容（标题、段落、图片等）。
超文本 意味着它可以包含 超链接 ，可以将不同的网页连接起来，形成一个 超文本 网络。
查看网页的「源代码」
在浏览器的任意网页中右键，选择「显示页面源代码」。
在弹出的页面中，就能够看到当前页面的源代码，实际上就是该网页的 HTML 代码。
示例
下面的代码展示了一个简单的 HTML 网页，包含一个标题和一个段落：
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落</p>
</body>
</html>运行效果如图：
HTML 骨架结构
如同文章具有固定的结构（如开头、正文、落款），网页也包含其固有的组成部分（如整体框架、头部信息、标题和主体内容）。在网页中，这些固定结构需要通过特定的 HTML 标签来构建和表达。
html
<html>
<!-- 网页的头部 -->
<head>
<title>网页的标题</title>
</head>
<!-- 网页的主体 -->
<body>
<h1>一级标题</h1>
<p>段落</p>
</body>
</html>开发工具的使用
虽然使用基本的文本编辑器（如记事本）也能编写前端代码，但其开发效率相对较低。
在实际开发中，为了追求更高的效率和便捷性，我们通常会选用专业的开发工具。
推荐使用 VS Code ：
或者在 AI 时代，使用一款 AI IDE 也是一个不错的选择，比如 Trae ：
打开开发工具后，新建一个后缀名为 .html 的文件，即可开始编写 HTML 代码。
输入一个英文 ! 或 html:5 ，然后按下 Enter 键，即可自动生成最基本的 HTML 结构。