前端笔记整理完成

2026-04-14 02:10:47 +08:00 · 2022-04-18 23:03:54 +08:00
parent bb9110d289
commit 3d6284517e
50 changed files with 5685 additions and 15 deletions
--- a/HTML/html5-basics/html-basics-element.md
+++ b/HTML/html5-basics/html-basics-element.md
@@ -0,0 +1,59 @@
+## 示例代码
+
+```html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>06_基本元素实例.html</title>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  </head>
+  <body>
+    <h1 align="center">春晓</h1>
+	<hr align="center" width="30%">
+	<p align="center">
+		春眠不觉晓， <br>
+		处处闻啼鸟。<br>
+		夜来风雨声，<br>
+		花落知多少。<br>
+	</p>
+  </body>
+</html>
+```
+
+## HTML 标题
+
+```html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>02_标题元素.html</title>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  </head>
+  <body>
+    <h1>这是标题 1</h1>
+	<h2>这是标题 2</h2>
+	<h3>这是标题 3</h3>
+	<h4>这是标题 4</h4>
+	<h5>这是标题 5</h5>
+	<h6>这是标题 6</h6>
+  </body>
+</html>
+```
+
+在 HTML 文档中，标题很重要。
+
+- 标题（Heading）是通过 `<h1>` - `<h6>` 标签进行定义的。
+- `<h1>` 定义最大的标题。 `<h6>` 定义最小的标题。
+- 浏览器会自动地在标题的前后添加空行。
+- 用户可以通过标题来快速浏览您网页。
+
+> **值得注意的是:**
+> 
+> - 标题（Heading）在浏览器运行显示的效果并不重要。（后面可以通过 CSS 进行修改）
+> - 标题（Heading）更重要的在于其语义化。
+> - 搜索引擎检索 HTML 页面时，`<h1>` 元素仅次于 `<title>` 元素。
+> - 一般一个 HTML 页面中只包含一个 `<h1>` 元素。
+
+## 段落
+
+```html