43 lines
923 B
Markdown
43 lines
923 B
Markdown
# HTML 基础结构
|
||
|
||
## 学习目标
|
||
- 理解 HTML 的作用和基本概念
|
||
- 掌握 HTML 文档的基本结构
|
||
- 熟悉常用的 HTML 标签
|
||
|
||
## 什么是 HTML？
|
||
|
||
HTML（HyperText Markup Language）是一种用于创建网页的标记语言。它使用标签来描述网页的结构和内容。
|
||
|
||
## 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>这是一个段落。</p>
|
||
</body>
|
||
</html>
|
||
```
|
||
|
||
## 常用标签
|
||
|
||
| 标签 | 说明 |
|
||
|------|------|
|
||
| `<h1>` ~ `<h6>` | 标题标签 |
|
||
| `<p>` | 段落标签 |
|
||
| `<a>` | 链接标签 |
|
||
| `<img>` | 图片标签 |
|
||
| `<div>` | 块级容器 |
|
||
| `<span>` | 行内容器 |
|
||
|
||
## 动手练习
|
||
|
||
尝试创建一个包含标题、段落和个人简介的简单网页。
|