【HTML基础概述】
HTML（HyperText Markup Language）是构建网页的标准标记语言，它定义了网页的结构和内容。HTML文档由一系列元素组成，这些元素通过标签来表示，比如`<html>`、`<head>`、`<body>`等。每个元素都有其特定的含义和用途，用于组织页面上的文本、图像和其他媒体资源。
【HTML文档结构】
一个基本的HTML文档通常包含以下几个部分：
1. `<!DOCTYPE html>`：声明文档类型，告诉浏览器这是一个HTML5文档。
2. `<html>`元素：整个HTML文档的根元素。
3. `<head>`元素：包含文档元数据，如标题、字符集设置（`<meta charset="UTF-8">`）、引用外部样式表（`<link rel="stylesheet" href="...">`）等。
4. `<title>`元素：定义浏览器标签页上显示的页面标题。
5. `<body>`元素：包含网页的实际内容，如文本、图片、链接、表格等。
【HTML元素与属性】
HTML元素由开始标签、内容（可选）和结束标签（部分元素为自闭合，如`<img>`、`<br>`）组成。元素可以拥有属性，属性提供了关于元素的附加信息。例如，`<a>`元素用于创建超链接，其`href`属性指定链接的目标URL。
【文本格式化】
HTML提供了一系列标签用于文本格式化，如：
1. `<h1>`到`<h6>`：定义六级标题。
2. `<p>`：定义段落。
3. `<strong>`：加粗文本。
4. `<em>`：斜体文本。
5. `<mark>`：高亮文本。
6. `<pre>`：预格式化文本，保留空格和换行。
【列表】
HTML中的列表分为有序列表`<ol>`和无序列表`<ul>`，以及列表项`<li>`。例如：
```html
<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>
```
【图像与链接】
1. `<img>`元素用于插入图像，其`src`属性指定图像源URL，`alt`属性提供替代文本。
2. `<a>`元素创建超链接，`href`属性指定链接目标，`target`属性控制在何处打开链接（如`_blank`表示新窗口或标签页）。
【表格】
HTML的`<table>`元素用于创建表格，`<tr>`定义行，`<td>`定义单元格，`<th>`定义表头单元格。例如：
```html
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
</tr>
</table>
```
【块级元素与内联元素】
HTML元素分为块级元素（如`<div>`、`<p>`、`<h1>`）和内联元素（如`<span>`、`<a>`、`<img>`）。块级元素独占一行，内联元素在同一行内排列。
【CSS基础】
虽然标签主要关注HTML，但提一下CSS（Cascading Style Sheets）也是必要的。CSS用于控制网页的样式和布局，通过`class`或`id`选择器，我们可以为HTML元素定义颜色、字体、大小、位置等样式。例如：
```css
.myClass {
color: blue;
font-size: 18px;
}
```
然后在HTML中引用这个类：
```html
<p class="myClass">这是一段蓝色字体的文本</p>
```
以上只是HTML基础知识的一部分，实际应用中还包括框架、表单、多媒体支持、响应式设计等更高级的概念。学习HTML是网页开发的基础，掌握了这些知识，就可以开始创建属于自己的动态网页了。
