在本实践练习中，我们将深入探索HTML（超文本标记语言），这是构建网页的基础。HTML是一种标记语言，用于定义网页的结构和内容。它允许我们通过简单的标签来组织文本、图像和其他元素，使得浏览器能够正确地解析和显示这些内容。下面我们将详细讲解HTML的基本概念、常用标签以及如何创建一个基本的HTML页面。
1. HTML基本结构：
每个HTML文档都由两部分组成：头部（`<head>`）和主体（`<body>`）。头部包含元信息，如字符编码、文档标题等；主体则包含用户在浏览器中看到的实际内容。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网站！</h1>
<p>这是一个段落。</p>
</body>
</html>
```
2. HTML标签：
HTML标签通常是成对出现的，如`<h1>`和`<h1>`。它们告诉浏览器如何处理特定内容。例如，`<h1>`用于创建一级标题，`<p>`表示段落。
- 标题标签：`<h1>`至`<h6>`，级别越高，标题越大。
- 段落标签：`<p>`用于定义段落。
- 文本格式化标签：`<b>`加粗，`<i>`斜体，`<u>`下划线，`<em>`强调（通常斜体），`<strong>`强调（通常加粗）。
- 链接标签：`<a>`用于创建超链接，如`<a href="http://example.com">访问示例网站</a>`。
- 图像标签：`<img>`插入图片，如`<img src="image.jpg" alt="描述性文字">`。
3. HTML列表：
- 无序列表：`<ul>`和`<li>`，如`<ul><li>项1</li><li>项2</li></ul>`。
- 有序列表：`<ol>`和`<li>`，如`<ol><li>步骤1</li><li>步骤2</li></ol>`。
4. HTML表格：
- `<table>`定义表格，`<tr>`定义行，`<td>`定义单元格，`<th>`定义表头。
```html
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
</tr>
</table>
```
5. 块级元素与内联元素：
块级元素（如`<div>`、`<p>`）占据一整行，而内联元素（如`<span>`、`<a>`）只占据自身内容的宽度。可以通过CSS调整元素的显示方式。
6. CSS基础：
虽然标签主要定义了HTML的结构，但样式通常由CSS（层叠样式表）来控制。例如，你可以使用`<style>`标签在HTML文档中添加内联CSS，或者通过`<link>`标签引入外部CSS文件。
```html
<style>
h1 {
color: blue;
text-align: center;
}
</style>
```
7. HTML5新增元素：
HTML5引入了许多新元素，旨在使代码更语义化，如`<header>`、`<nav>`、`<section>`、`<article>`、`<aside>`和`<footer>`。
通过以上知识，你可以在GitHub的presidemoon.github.io上创建并实践HTML页面。尝试编写自己的HTML代码，理解并运用各种标签，同时也可以探索如何使用CSS来定制页面样式。记住，不断实践是提升技能的关键。祝你学习愉快！
Practice-main.zip （4个子文件） 
Practice-main 
index.html 1KB
README.md 10B
header.jpg 79KB
