HTML是构建网页的基础语言，通过标签定义内容结构。1. 创建以.html为扩展名的文件并编写基本结构；2. 使用<h1>、<p>、、<img>等标签实现标题、段落、链接和图片；3. 保存后用浏览器打开可实时查看效果；4. 结合CSS和JavaScript提升样式与交互功能。掌握基础即可快速搭建网页。
HTM 实际上是 HTML 的误写，正确的术语是 HTML（HyperText Markup Language），即超文本标记语言。它是构建网页内容的基础语言，通过标签（tags）来定义网页中的标题、段落、图片、链接等元素。
1. 创建基础 HTML 文件
要使用 HTML 代码，首先需要创建一个以 .html 为扩展名的文件。可以使用任意文本编辑器（如记事本、VS Code、Sublime Text 等）编写代码。
- 新建一个文件，保存为 index.html
- 在文件中输入基本的 HTML 结构
示例代码：
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个段落。</p>
</body>
</html>
2. 使用常见 HTML 标签
HTML 通过不同的标签实现网页内容的结构化。以下是一些常用标签及其用途：
- <h1> 到 <h6>：表示不同级别的标题
- <p>：定义段落
- <a href="网址">：创建超链接
- <img src="图片地址" alt="描述">：插入图片
- <ul> 和 <li>：创建无序列表
例如：
<a href="https://www.example.com">点击访问示例网站</a>
<img src="photo.jpg" alt="我的照片">
3. 在浏览器中查看效果
保存 HTML 文件后，双击该文件即可在默认浏览器中打开并查看页面效果。所有标签将被浏览器解析并渲染成可视化的网页内容。
如果修改了代码，只需保存文件并刷新浏览器，就能看到更新后的结果。
4. 结合 CSS 和 JavaScript 提升功能
纯 HTML 只能定义结构。为了让网页更美观和具有交互性，通常会结合以下技术：
- CSS：用于控制样式，如颜色、字体、布局
- JavaScript：用于添加交互功能，如按钮点击、表单验证
在 HTML 中引入 CSS 和 JS 的方式：
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
基本上就这些。HTML 不复杂但容易忽略细节，比如标签闭合和属性书写规范。只要掌握基本结构和常用标签，就能快速搭建出可用的网页。
