Hi，这是一篇关于HTML基础知识的笔记

摘要

HTML（超文本标记语言） 是创建网页的标准标记语言，它定义了网页的结构和内容。通过使用一系列的标签和属性，我们可以构建出具有层次结构、丰富样式和交互功能的网页。本篇笔记将介绍HTML的基础知识。

在本笔记中，我们将探索HTML文档的基本结构，了解常见的HTML标签和属性，学习如何格式化文本、创建列表和表格，以及使用表单和嵌入内容等。

HTML文档结构

1. <html>元素是HTML文档的根元素，包含了整个网页的内容。

2. <head>元素包含了关于网页的元数据，如标题、引用的样式表和脚本等。

3. <body>元素包含了网页的可见内容，如文本、图像、链接等。

下面是一个标准的html结构

<!DOCTYPE html>
<html>
  <head>
    <title>网页标题</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1>这是标题</h1>
    <p>这是一个段落。</p>
    <!-- 更多内容 -->
  </body>
</html>

HTML标签：

1. 标签由尖括号包围，通常成对出现，包含开始标签和结束标签。

2. 一些常见的标签包括<h1>到<h6>（标题）、<p>（段落）、<a>（链接）、<img>（图像）等。

元素属性：

1.标签可以具有属性，用于提供有关元素的额外信息。

2. 属性通常以名称/值对的形式出现，如<a href="https://example.com">。

3. 一些常见的属性包括href（链接地址）、src（图像源）、alt（图像替代文本）等。

文本格式化：

1. <strong>和<em>标签分别用于表示强调和斜体文本。

2.<br>标签用于插入换行符。

3.<hr>标签用于插入水平线。

列表：

1. <ul>标签用于创建无序列表，其中每个列表项由<li>标签包围。

2. <ol>标签用于创建有序列表，其中每个列表项也由<li>标签包围。

表格：

1. <table>标签用于创建表格。

2.<tr>标签定义表格行，<th>和<td>标签定义表格单元格。

3. 使用colspan和rowspan属性可以合并单元格。

表单：

1. <form>标签用于创建表单。

2. <input>标签用于创建输入字段，如文本框、复选框和按钮等。

3. <select>和<option>标签用于创建下拉列表。

4. <textarea>标签用于创建多行文本输入框。

嵌入内容：

1. <img>标签用于在网页中插入图像。

2. <audio>和<video>标签用于在网页中嵌入音频和视频。

3.<iframe>标签用于在网页中嵌入其他网页。

写在最后

通过掌握HTML的基础知识，我们可以开始创建简单的网页，并逐渐扩展我们的技能。随着继续学习和实践，我们可以深入了解更多HTML标签、属性和技术，从而创建出更丰富、交互性更强的网页。要成为一名优秀的Web开发者，掌握HTML的基础知识至关重要。它是构建现代Web应用程序和网站的基础。因此，继续学习和探索HTML的更高级概念将是一个有益的决策。

HTML基础知识|青训营笔记