Cao NoteHTML 基础
HTML 简介
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。HTML 使用标记标签来描述网页的结构和内容。
HTML 文档结构
html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>页面标题</title>
</head>
<body>
<h1>这是一级标题</h1>
<p>这是一个段落。</p>
</body>
</html><!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>页面标题</title>
</head>
<body>
<h1>这是一级标题</h1>
<p>这是一个段落。</p>
</body>
</html>HTML 标签和元素
- 标签：HTML 标签通常成对出现，如
<p>和</p> - 元素：包含开始标签、内容和结束标签的整体，如
<p>这是一个段落</p> - 空元素：某些标签没有内容，如
<br>,<img>,<input> - 属性：标签可以包含属性，提供额外信息，如
<a href="https://www.example.com">链接</a>
HTML 注释
html
<!-- 这是一个 HTML 注释 -->
<!--
这是一个
多行注释
--><!-- 这是一个 HTML 注释 -->
<!--
这是一个
多行注释
-->HTML 文本格式化
标题
HTML 提供了 6 级标题，从 <h1>（最大）到 <h6>（最小）：
html
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6><h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>段落和换行
html
<p>这是一个段落。</p>
<p>这是另一个段落，<br>这里换行。</p><p>这是一个段落。</p>
<p>这是另一个段落，<br>这里换行。</p>文本格式化标签
| 标签 | 描述 |
|---|---|
<b> / <strong> | 粗体文本 |
<i> / <em> | 斜体文本 |
<mark> | 标记文本 |
<small> | 小号文本 |
<del> | 删除的文本 |
<ins> | 插入的文本 |
<sub> | 下标文本 |
<sup> | 上标文本 |
引用
html
<!-- 短引用 -->
<p>WWF 的目标是：<q>构建人与自然和谐共处的世界。</q></p>
<!-- 长引用 -->
<blockquote cite="https://www.example.com">
这是一个长引用，会被浏览器自动缩进。
</blockquote><!-- 短引用 -->
<p>WWF 的目标是：<q>构建人与自然和谐共处的世界。</q></p>
<!-- 长引用 -->
<blockquote cite="https://www.example.com">
这是一个长引用，会被浏览器自动缩进。
</blockquote>特殊字符
| 显示结果 | 描述 | 实体名称 | 实体编号 |
|---|---|---|---|
& | 和号 | & | & |
< | 小于号 | < | < |
> | 大于号 | > | > |
" | 引号 | " | " |
| 空格 | |   |
© | 版权符号 | © | © |
® | 注册商标 | ® | ® |