HTML基础知识总结
HTML，即超文本标记语言（HyperText Markup Language），是构建网页的基本语言。它用于描述网页的结构和内容。虽然HTML本身并不具备编程逻辑，但与CSS和JavaScript结合使用，可以实现丰富的网页效果。以下是HTML的基础知识总结。
一、HTML文档结构
每个HTML文档都有一个基本的结构，通常包含以下几个部分：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是我使用HTML创建的第一个网页。</p>
</body>
</html>
1.1 文档类型声明（DOCTYPE）
每个HTML文档以<!DOCTYPE html>开始，告诉浏览器使用HTML5解析文档。
1.2 html标签
<html>标签是整个文档的根元素，所有内容都包裹在这个标签里面。
1.3 head和body
<head>标签包含关于文档的信息，如标题、字符集、描述等。<body>标签是文档的主体，包含用户在浏览器中看到的内容。
二、常用的HTML标签
2.1 标题标签
HTML提供了六种标题标签，从<h1>到<h6>，其中<h1>为最高级别标题，依次递减。
<h1>这是标题1</h1>
<h2>这是标题2</h2>
<h3>这是标题3</h3>
2.2 段落标签
段落用<p>标签表示，每个段落会自动产生上下边距。
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
2.3 链接标签
链接可以用<a>标签创建，使用href属性指向目标URL。
<a href="https://www.example.com">访问示例网站</a>
2.4 图像标签
图像用<img>标签插入，需使用src属性指明图像路径，alt属性用于描述图像。
<img src="image.jpg" alt="描述图像内容">
2.5 列表标签
HTML支持有序列表（<ol>）和无序列表（<ul>）。
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
</ul>
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
三、属性
HTML标签可以拥有属性，属性提供额外的信息，以name="value"的形式存在。
<a href="https://www.example.com" target="_blank">打开新窗口</a>
<img src="image.jpg" alt="描述" width="500" height="300">
一些常用属性：
href：链接目标。src：图像来源。alt：图像替代文本。target：定义链接打开方式（如新窗口）。
四、HTML表格
表格使用<table>标签创建，包含行（<tr>）、头（<th>）和数据单元（<td>）。
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>小明</td>
<td>25</td>
</tr>
<tr>
<td>小红</td>
<td>22</td>
</tr>
</table>
总结
HTML是构建网页的基础，通过学习HTML，我们能够创建静态网页的结构和内容。通过掌握常用标签和属性，我们能更好地组织和展示信息。随着技术的发展，HTML也在不断进化，了解其基本知识对网页开发至关重要。在学习的过程中，建议多使用实际代码进行练习，加深对HTML的理解。
