HTML基础
HTML简介
重要程度：8 分
### HTML简介
HTML (HyperText Markup Language) 是一种用于创建网页的标准标记语言。它允许你通过标签来定义网页结构，如标题、段落、链接和图像等。HTML文档由一系列元素组成，每个元素都由开始标签和结束标签包围。
#### 1. 标签与元素
- **标签**：是用尖括号`<>`包裹的文字。
- **元素**：是包含在开始标签和结束标签之间的内容。
#### 2. 基本语法
- **开始标签**：`<tagname>`
- **结束标签**：`</tagname>`
#### 3. 空元素
- 有些标签没有结束标签，称为空元素，例如 `<br>` 和 `<img>`。
### 示例代码
<!-- 段落 -->
<p>这是一个段落。</p>
<!-- 强调文本 -->
<p>这是<strong>加粗显示</strong>的文本。</p>
<p>这是<em>斜体显示</em>的文本。</p>
<!-- 链接 -->
<a href="https://www.example.com">访问Example网站</a>
<!-- 列表 -->
<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>
<!-- 图像 -->
<img src="image.jpg" alt="描述文字">
### 例题
假设你需要编写一个简单的HTML页面，介绍你的个人资料。以下是一个例子：
<h1>个人资料</h1>
<p>姓名：<strong>张三</strong></p>
<p>职业：<em>软件工程师</em></p>
<p>联系方式：<a href="mailto:zhangsan@example.com">zhangsan@example.com</a></p>
<ul>
<li>爱好1：阅读</li>
<li>爱好2：编程</li>
<li>爱好3：旅行</li>
</ul>
在这个例子中：
- `<h1>` 定义了标题。
- `<p>` 定义了段落。
- `<strong>` 使文本加粗。
- `<em>` 使文本斜体。
- `<a>` 创建了一个链接。
- `<ul>` 和 `<li>` 定义了一个无序列表。
希望这些示例能够帮助你更好地理解HTML的基本概念和用法。