- HTML文档结构：
- HTML文档以
<!DOCTYPE html>声明文档类型。 -
<html>元素是整个HTML文档的根元素。 -
<head>元素包含文档的元信息，如标题、字符集、样式和脚本引用。 -
<title>元素定义文档标题，显示在浏览器标签页上。 -
<body>元素包含页面的主要内容。
- HTML元素：
- HTML元素由开始标签、内容和结束标签组成，例如：
<p>这是一个段落</p>。 - 有些元素是空元素，没有结束标签，例如：
<br>、<img>。
- 常用HTML元素：
- 标题元素：
<h1>到<h6>，用于定义标题。 - 段落元素：
<p>，用于定义段落。 - 超链接元素：
<a>，用于创建超链接。 - 图像元素：
<img>，用于插入图像。 - 列表元素：
<ul>（无序列表）、<ol>（有序列表）、<li>（列表项）。 - 表格元素：
<table>、<tr>、<td>，用于创建表格。 - 表单元素：
<form>、<input>、<button>，用于创建表单。
- HTML属性：
- HTML元素可以具有属性，为元素提供附加信息。
- 属性以键值对的形式出现，例如：
<a href="https://www.example.com">链接</a>。
- HTML注释：
- 注释用
<!-- 注释内容 -->的格式添加到HTML代码中，不会在浏览器中显示。
- HTML版本：
- HTML有不同的版本，如HTML4、HTML5等。HTML5是当前主流版本，引入了许多新特性和改进。
- HTML语义化：
- HTML应该按照语义规范编写，以便更好地描述文档结构，提高可访问性和搜索引擎优化。
- 嵌套与块级/内联元素：
- HTML元素可以嵌套，但要确保正确关闭和嵌套元素。
- 元素可以分为块级元素（如
<div>、<p>）和内联元素（如<span>、<a>）。
- 表单和输入元素：
- 表单用于收集用户输入数据，包括文本框、单选框、复选框、下拉框等输入元素。
- 多媒体元素：
-
<audio>和<video>元素用于嵌入音频和视频。 -
<iframe>元素用于嵌入其他网页。
HTML标签：
- 文档结构标签：
-
<!DOCTYPE html>：声明HTML文档类型。 -
<html>：HTML文档的根元素。 -
<head>：包含文档的元信息，如标题、字符集等。 -
<title>：定义文档标题。 -
<body>：包含页面的主要内容。
- 文本标签：
- 标题：
<h1>到<h6>。 - 段落：
<p>。 - 强调：
<em>（斜体）和<strong>（粗体）。
- 列表标签：
- 无序列表：
<ul>，列表项使用 <li>。 - 有序列表：
<ol>，列表项同样使用 <li>。
- 超链接和图像标签：
- 超链接：
<a>，使用 href 属性指定链接目标。 - 图像：
<img>，使用 src 属性指定图像源。
- 表格标签：
-
<table>：定义表格。 -
<tr>：定义表格行。 -
<td>：定义表格数据单元格。 -
<th>：定义表头单元格。
- 表单标签：
-
<form>：定义表单。 -
<input>：用于创建输入字段，如文本框、复选框等。 -
<select>：定义下拉框。 -
<textarea>：定义多行文本输入框。 -
<button>：定义按钮。
- 多媒体标签：
-
<audio>：嵌入音频。 -
<video>：嵌入视频。 -
<iframe>：嵌入其他网页。
- 样式和区块标签：
-
<div>：定义文档中的块级容器，用于组织内容。 -
<span>：定义文档中的内联容器，用于样式部分文本。
HTML属性：
- 全局属性：
-
class：为元素定义一个或多个类名。 -
id：为元素定义唯一的标识符。 -
style：为元素添加行内样式。 -
data-*：自定义数据属性。
- 超链接和图像属性：
-
href：定义超链接的目标地址。 -
src：定义图像的源文件地址。
- 表格属性：
-
colspan：定义单元格跨越的列数。 -
rowspan：定义单元格跨越的行数。
- 表单属性：
-
action：定义表单数据提交的URL。 -
method：定义表单数据的提交方式（GET或POST）。
- 输入元素属性：
-
type：定义输入字段的类型（text、checkbox、radio等）。 -
name：定义输入字段的名称。
HTML相关技术：
- HTML5新特性：
- 语义化标签：
<header>、<nav>、<article>等。 - 表单增强：新输入类型如
<input type="date">。 - 本地存储：
localStorage和sessionStorage。 - 媒体元素：
<audio>和<video>。
- 嵌套与DOM（文档对象模型）：
- 了解HTML元素的正确嵌套和DOM的概念，以便通过JavaScript操纵网页。
- 字符实体和转义字符：
- 使用
< 表示 <，> 表示 > 等字符实体。
- HTML注释和条件注释：
- 使用
<!-- 注释 --> 添加注释。 - 使用条件注释根据条件加载特定的HTML内容。
