HTML，即超文本标记语言（HyperText Markup Language），是构建网页的基础。无论你是想要成为一个网页设计师，还是仅仅想要创建一个个人博客，掌握HTML都是不可或缺的。本教程将带你从零开始，轻松入门HTML，并逐步打造出个性化的网页。
第一部分：HTML基础
1.1 HTML文档结构
一个基本的HTML文档结构如下：
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
<!DOCTYPE html>：声明文档类型和版本。<html>：根元素，包含整个网页的内容。<head>：包含元数据，如页面标题、字符编码等。<title>：定义页面标题，显示在浏览器标签上。<body>：包含页面的可见内容。
1.2 标签与属性
HTML标签用于定义网页的结构，属性则用于描述标签的特定行为。
- 标签：如
<h1>、<p>、<a>等。 - 属性：如
href、src、class等。
例如，创建一个标题：
<h1>欢迎来到我的网页</h1>
1.3 文档类型声明
<!DOCTYPE html>是HTML5文档类型声明，它告诉浏览器页面使用的是HTML5版本。
第二部分：页面布局
2.1 布局元素
HTML提供了多种布局元素，如<div>、<span>、<section>等。
<div>：用于创建一个块级元素，可以包含其他元素。<span>：用于创建一个行内元素，常用于文本格式化。<section>：用于定义文档中的一个章节。
2.2 布局技术
- 布局技术：如CSS（层叠样式表）。
- CSS：用于描述HTML元素的外观和格式。
例如，使用CSS设置标题样式：
<h1 style="color: red;">欢迎来到我的网页</h1>
第三部分：文本格式化
3.1 常用标签
HTML提供了多种文本格式化标签，如<b>、<i>、<u>等。
<b>：加粗文本。<i>：斜体文本。<u>：下划线文本。
3.2 段落与换行
<p>：定义段落。<br>：换行。
例如，创建一个段落：
<p>这是一个段落。</p>
第四部分：链接与图片
4.1 链接
使用<a>标签创建链接：
<a href="https://www.example.com">点击这里访问示例网站</a>
4.2 图片
使用<img>标签插入图片：
<img src="image.jpg" alt="图片描述">
第五部分：表格与列表
5.1 表格
使用<table>、<tr>、<th>、<td>标签创建表格：
<table>
<tr>
<th>标题1</th>
<th>标题2</th>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
</table>
5.2 列表
使用<ul>、<ol>、<li>标签创建列表：
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
第六部分：表单
6.1 表单元素
使用<form>、<input>、<label>、<button>等标签创建表单：
<form>
<label for="name">姓名：</label>
<input type="text" id="name" name="name">
<button type="submit">提交</button>
</form>
第七部分：总结
通过本教程的学习，你已掌握了HTML的基础知识，并能够创建一个简单的个性化网页。当然，HTML只是网页制作的基础，后续的学习将涉及到CSS、JavaScript等前端技术，以及服务器端编程等后端技术。祝你学习愉快！