HTML（超文本标记语言）是网页开发的基础，它定义了网页的结构和内容。以下是对HTML知识要点的详细汇总：
-
HTML基础概念
- HTML的概念：HTML是一种用于创建网页的标准标记语言，它使用标签来描述文档的结构。
- HTML骨架架构：HTML文档的基本结构包括
<!DOCTYPE>声明、<html>根元素、<head>头部和<body>主体。 - 开发工具的基本使用：常用的HTML编辑器有Sublime Text、VS Code等，它们提供了代码高亮、自动补全等功能以提升开发效率。
- HTML的其他介绍：HTML标签分为块级标签和行内标签，分别影响文档的布局和显示方式。
-
HTML中的标签
- 标题标签：
<h1>到<h6>用于定义不同级别的标题，其中<h1>为最高级别，<h6>为最低级别。 - 段落标签：
<p>标签用于定义段落，浏览器会自动在段落之间添加一定的空间。 - 换行标签：
<br>用于在文本中创建一个换行符。 - 水平线标签：
<hr>用于在页面上绘制一条水平线，通常用于分隔内容区域。 - 文本格式化标签：如
<b>（粗体）、<i>（斜体）、<u>（下划线）等，用于改变文本的样式。
- 标题标签：
-
标签的属性
- 属性：属性为HTML元素提供附加信息，例如类名、ID、链接目标等。
- 全局属性：一些属性如
class、id、style等可以在大多数HTML元素上使用。
-
图片标签
- 基本语法：
<img src="url" alt="description">，其中src指定图片的位置，alt提供图片的替代文本。 - 路径问题：图片路径可以是相对路径或绝对路径，相对路径相对于当前文件位置，绝对路径则是完整的URL。
- 基本语法：
-
链接标签
- 基本语法：
<a href="url">链接文本</a>，其中href指定目标地址，点击后可跳转至相应页面或锚点。 - 定位功能：通过设置
href="#section"可以实现在同一页面内的跳转。
- 基本语法：
-
列表
- 无序列表：
<ul>包含一个或多个<li>项，不需要序号。 - 有序列表：
<ol>包含一个或多个带有序号的<li>项。 - 自定义列表：
<dl>、<dt>和<dd>组合使用，适用于术语定义列表。
- 无序列表：
-
表格
- 创建表格：使用
<table>元素，内部包含<tr>（表格行）、<th>（表头单元格）和<td>（标准单元格）。 - 合并单元格：
rowspan和colspan属性用于合并行和列。
- 创建表格：使用
-
表单系列标签
- 输入框系列：如
text、password、radio、checkbox、file等，用于收集用户输入。 - 下拉菜单：
<select>和<option>组合使用，创建可选择的下拉列表。 - 文本域：
<textarea>允许用户输入多行文本。 - 按钮：
<button>、<input type="submit">、<input type="reset">和<input type="button">用于提交、重置或触发特定操作。 - 标签label：与表单控件关联，提升表单的可用性和可访问性。
- 输入框系列：如
-
没有语义的布局标签
- div和span：这些标签没有特定的语义，但常用于布局和样式控制。
-
HTML5新标签与特性
- 新增语义标签：如
<header>、<footer>、<article>、<section>、<nav>等，增强了文档结构的语义化。 - 多媒体标签：如
<audio>和<video>，支持嵌入音频和视频内容。 - 其他新特性：如本地存储、离线应用缓存、跨文档消息传递等，提升了Web应用的功能和性能。
- 新增语义标签：如
掌握HTML是前端开发的基石，了解其各种标签和属性对于构建结构良好、语义化的网页至关重要。随着技术的发展，HTML5引入了许多新特性，使得Web开发更加丰富和强大。
