引言
在这个数字化时代，拥有一个个人网站已经成为展示自我、分享信息、甚至开展业务的重要途径。HTML作为网页设计的基石，学习起来并不复杂。本文将带你轻松入门HTML，让你掌握搭建个人网站的基础技能。
一、HTML简介
HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。它通过一系列标签（Tag）来描述网页的结构和内容。掌握HTML，你就能创建出属于自己的网页。
1.1 HTML发展历程
HTML的发展经历了多个版本，从最初的HTML 1.0到现在的HTML5，每个版本都带来了新的特性和改进。
1.2 HTML结构
一个简单的HTML文档通常包括以下结构：
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<!-- 网页内容 -->
</body>
</html>
其中，<!DOCTYPE html>声明文档类型，<html>是根元素，<head>包含元数据，如标题和链接，<body>包含网页内容。
二、HTML基本标签
2.1 文档结构标签
<html>：根元素，包含整个网页内容。<head>：包含元数据，如标题、样式和脚本。<title>：定义网页标题，显示在浏览器标签页上。<body>：包含网页内容，如文本、图片、视频等。
2.2 文本内容标签
<h1>至<h6>：定义标题，<h1>为最高级别。<p>：定义段落。<br>：换行。<strong>和<em>：分别定义粗体和斜体文本。
2.3 链接标签
<a>：定义超链接，用于链接到其他网页或同一网页内的不同位置。
2.4 图片标签
<img>：定义图像，可以插入到网页中。
2.5 列表标签
<ul>：无序列表。<ol>：有序列表。<li>：列表项。
三、CSS简介
CSS（Cascading Style Sheets，层叠样式表）用于控制网页的样式和布局。学习CSS可以让你更好地美化你的网页。
3.1 CSS基本语法
选择器 {
属性: 值;
}
例如，以下CSS代码将使所有<h1>标签的文本颜色变为红色：
h1 {
color: red;
}
3.2 CSS引入方式
- 内联样式：直接在HTML标签中使用
style属性。 - 内部样式：在
<head>部分使用<style>标签。 - 外部样式：通过
<link>标签引入外部CSS文件。
四、搭建个人网站
4.1 选择合适的工具
- 文本编辑器：如Notepad++、Sublime Text等。
- 集成开发环境（IDE）：如Visual Studio Code、Atom等。
4.2 创建网站结构
根据需求，规划网站的结构，如首页、关于我、联系方式等。
4.3 编写HTML和CSS代码
使用HTML和CSS编写网页代码，并保存为.html和.css文件。
4.4 预览和调试
在浏览器中打开.html文件，预览网页效果。如有问题，使用开发者工具进行调试。
4.5 上传网站
将网站文件上传到服务器，即可访问你的个人网站。
五、总结
通过本文的学习，你已掌握了HTML网页设计的基础知识。接下来，你可以进一步学习CSS、JavaScript等技能，打造更加精美的个人网站。祝你在网页设计领域取得优异成绩！