本人自学
做不到面面俱到,只能尽量做到通俗易懂
如有不对,欢迎纠正
1. 文档结构标签
<!DOCTYPE html>: 声明文档类型,告知浏览器该文档使用 HTML5 标准。
<html>: 根元素,表示整个 HTML 文档。
<head>: 文档的头部,包含元数据、标题和链接到样式表或脚本等。
<title>: 设置网页的标题,显示在浏览器的标题栏或标签页上。
<body>: 网页的主体,包含可见的内容,如文本、图片和其他元素。
2. 元数据标签
<meta>: 提供关于文档的元数据,如字符集、描述、关键字、作者等。
<link>: 用于链接外部资源,如 CSS 样式表。
<style>: 内嵌 CSS 样式,用于定义文档的样式。
3. 文本内容标签
<h1> - <h6>: 标题标签,<h1> 表示最高级别的标题,<h6> 为最低级别。
<p>: 段落标签,表示文本段落。
<br>: 换行标签,插入换行符。
<hr>: 水平线标签,用于分隔内容。
<strong>: 表示重要性,通常以粗体显示。
<em>: 表示强调,通常以斜体显示。
<span>: 行内元素,用于对文本的特定部分进行样式应用。
4. 列表标签
<ul>: 无序列表,包含用 <li> 标签定义的列表项。
<ol>: 有序列表,类似于无序列表,但项目有序。
<li>: 列表项,用于定义 <ul> 或 <ol> 中的每一项。
5. 链接与媒体标签
<a>: 超链接标签,用于创建链接。
<img>: 图像标签,用于在页面中嵌入图片。
<video>: 视频标签,用于在网页中嵌入视频。
<audio>: 音频标签,用于嵌入音频文件。
6. 表格标签
<table>: 表格标签,用于定义一个表格。
<tr>: 表格行标签,表示表格中的一行。
<th>: 表格头单元格,通常表示表头,内容加粗居中。
<td>: 表格数据单元格,表示表格中的普通单元格。
7. 交互标签
<form>: 表单标签,用于收集用户输入。
<input>: 输入字段标签,用户可以在其中输入数据。
<button>: 按钮标签,表示可点击的按钮。
<select>: 下拉列表标签,允许用户从选项中选择。
<textarea>: 多行文本输入字段。
8. 脚本标签
<script>: 用于嵌入或链接 JavaScript 代码。
<noscript>: 提供替代内容,当浏览器禁用 JavaScript 时显示。
9. 其他标签
<div>: 通用块元素,用于分组其他元素,便于样式应用和布局。
<section>: 表示文档的一个独立部分。
<article>: 表示独立的自包含内容。
<footer>: 页脚标签,通常包含版权信息、联系信息等。
<header>: 页眉标签,通常包含网站的标志和导航链接。