From 68c6335233bb50268df027670fb2a9c67c4e1310 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sat, 14 Sep 2024 16:30:48 +0800
Subject: [PATCH 1/5] 0914

---
 .../giteenote/20240914-htmlnote4.md"                             | 0
 .../homework/20240912-tuchuang.md"                               | 1 -
 2 files changed, 1 deletion(-)
 create mode 100644 "\351\202\271\346\260\270\346\266\233/giteenote/20240914-htmlnote4.md"
 delete mode 100644 "\351\202\271\346\260\270\346\266\233/\351\202\271\346\260\270\346\266\233/homework/20240912-tuchuang.md"

diff --git "a/\351\202\271\346\260\270\346\266\233/giteenote/20240914-htmlnote4.md" "b/\351\202\271\346\260\270\346\266\233/giteenote/20240914-htmlnote4.md"
new file mode 100644
index 0000000..e69de29
diff --git "a/\351\202\271\346\260\270\346\266\233/\351\202\271\346\260\270\346\266\233/homework/20240912-tuchuang.md" "b/\351\202\271\346\260\270\346\266\233/\351\202\271\346\260\270\346\266\233/homework/20240912-tuchuang.md"
deleted file mode 100644
index b746e36..0000000
--- "a/\351\202\271\346\260\270\346\266\233/\351\202\271\346\260\270\346\266\233/homework/20240912-tuchuang.md"
+++ /dev/null
@@ -1 +0,0 @@
-![图片](http://www.lamianeatpp.top/zhao/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202024-06-10%20135819.png)
\ No newline at end of file
-- 
Gitee


From a9c424474f709b8a55b78698b2afce2c71db3b41 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sat, 14 Sep 2024 16:31:41 +0800
Subject: [PATCH 2/5] 0914

---
 .../giteenote/20240914-htmlnote4.md"          | 58 +++++++++++++++++++
 1 file changed, 58 insertions(+)

diff --git "a/\351\202\271\346\260\270\346\266\233/giteenote/20240914-htmlnote4.md" "b/\351\202\271\346\260\270\346\266\233/giteenote/20240914-htmlnote4.md"
index e69de29..c277804 100644
--- "a/\351\202\271\346\260\270\346\266\233/giteenote/20240914-htmlnote4.md"
+++ "b/\351\202\271\346\260\270\346\266\233/giteenote/20240914-htmlnote4.md"
@@ -0,0 +1,58 @@
+# HTML
+
+## 列表标签
+
+### 无序列表 (<ul>)
+无序列表用于表示一组没有特定顺序的列表项。
+
+HTML 示例：
+
+```
+<ul>  
+  <li>苹果</li>  
+  <li>香蕉</li>  
+  <li>橙子</li>  
+</ul>
+```
+
+#### 常用CSS属性：
+
+list-style-type：控制列表项前的标记类型，如 disc（实心圆点，默认）、circle（空心圆）、square（实心方块）、none（无标记）等。
+padding：设置列表的内边距，影响列表项与列表边界的距离。
+margin：设置列表的外边距，影响列表与其他元素之间的距离。
+background-color：设置列表的背景颜色。
+### 有序列表 (<ol>)
+有序列表用于表示一组有特定顺序的列表项，列表项前通常带有数字编号。
+
+HTML 示例：
+
+
+```
+<ol>  
+  <li>第一步</li>  
+  <li>第二步</li>  
+  <li>第三步</li>  
+</ol>
+```
+#### 常用CSS属性（与无序列表类似，但list-style-type的值不同）：
+
+list-style-type：控制列表项前的编号类型，如 decimal（数字，默认）、upper-roman（大写罗马数字）、lower-alpha（小写字母）等。
+padding、margin、background-color：与无序列表相同。
+### 定义列表 (<dl>)
+定义列表用于表示术语及其对应的描述或定义。
+
+HTML 示例：
+```
+<dl>  
+  <dt>HTML</dt>  
+  <dd>HyperText Markup Language，超文本标记语言。</dd>  
+  <dt>CSS</dt>  
+  <dd>Cascading Style Sheets，层叠样式表。</dd>  
+</dl>
+```
+#### 常用CSS属性：
+
+margin：设置定义列表的外边距。
+padding：设置定义列表的内边距，但通常更关注<dt>和<dd>元素的内边距。
+font-weight：常用于<dt>元素，使其加粗以突出术语。
+background-color：设置定义列表的背景颜色，或单独设置<dt>和<dd>的背景颜色
\ No newline at end of file
-- 
Gitee


From 79e57393827f1600036fb4f7cbd5fff3b3699b85 Mon Sep 17 00:00:00 2001
From: ppppp <qq1943849314@163.com>
Date: Sun, 15 Sep 2024 20:25:51 +0800
Subject: [PATCH 3/5] 0915

---
 .../homework/20240912-tuchuang.md"                               | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 "\351\202\271\346\260\270\346\266\233/homework/20240912-tuchuang.md"

diff --git "a/\351\202\271\346\260\270\346\266\233/homework/20240912-tuchuang.md" "b/\351\202\271\346\260\270\346\266\233/homework/20240912-tuchuang.md"
new file mode 100644
index 0000000..b746e36
--- /dev/null
+++ "b/\351\202\271\346\260\270\346\266\233/homework/20240912-tuchuang.md"
@@ -0,0 +1 @@
+![图片](http://www.lamianeatpp.top/zhao/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202024-06-10%20135819.png)
\ No newline at end of file
-- 
Gitee


From 44983990fbbfd6dc5ce67f2e496a1aae345d0551 Mon Sep 17 00:00:00 2001
From: ppppp <qq1943849314@163.com>
Date: Sun, 15 Sep 2024 22:13:07 +0800
Subject: [PATCH 4/5] 0915

---
 .../homework/appledh.html"                    | 95 +++++++++++++++++++
 1 file changed, 95 insertions(+)
 create mode 100644 "\351\202\271\346\260\270\346\266\233/homework/appledh.html"

diff --git "a/\351\202\271\346\260\270\346\266\233/homework/appledh.html" "b/\351\202\271\346\260\270\346\266\233/homework/appledh.html"
new file mode 100644
index 0000000..ffd0923
--- /dev/null
+++ "b/\351\202\271\346\260\270\346\266\233/homework/appledh.html"
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>mmm</title>
+<style>
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f0f0f0;
+}
+.navbar {
+    height: 44px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: #000000;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+.navbar ul {
+    height: 44px;
+    list-style: none;
+    display: flex;
+    gap: 30px;
+    margin: 0 auto;
+    padding: 0;
+}
+.navbar ul span {
+    height: 44px;
+    font-size: 10.25px;
+    font-weight: 200;
+    padding: 0px 8px;
+    display: flex;
+    align-items: center; /* 垂直居中 */
+}
+.navbar ul span a {
+    line-height: 44px;
+    text-decoration: none;
+    color: #ffffff;
+    display: block; /* 使链接填满 span */
+}
+.navbar ul span a:hover {
+    text-decoration: underline;
+}
+
+@media (max-width: 970px) {
+    .navbar ul {
+        display: none; /* 隐藏导航项 */
+    }
+}
+</style>
+</head>
+<body>
+
+<div class="navbar">
+  <ul>
+    <span>
+      <svg height="48" viewBox="0 0 17 48" width="17" xmlns="http://www.w3.org/2000/svg"> 
+        <path fill="white"
+            d="m15.5752 19.0792a4.2055 4.2055 0 0 0 -2.01 3.5376 4.0931 4.0931 0 0 0 2.4908 3.7542 9.7779 9.7779 0 0 1 -1.2755 2.6351c-.7941 1.1431-1.6244 2.2862-2.8878 2.2862s-1.5883-.734-3.0443-.734c-1.42 0-1.9252.7581-3.08.7581s-1.9611-1.0589-2.8876-2.3584a11.3987 11.3987 0 0 1 -1.9373-6.1487c0-3.61 2.3464-5.523 4.6566-5.523 1.2274 0 2.25.8062 3.02.8062.734 0 1.8771-.8543 3.2729-.8543a4.3778 4.3778 0 0 1 3.6822 1.841zm-6.8586-2.0456a1.3865 1.3865 0 0 1 -.2527-.024 1.6557 1.6557 0 0 1 -.0361-.337 4.0341 4.0341 0 0 1 1.0228-2.5148 4.1571 4.1571 0 0 1 2.7314-1.4078 1.7815 1.7815 0 0 1 .0361.373 4.1487 4.1487 0 0 1 -.9867 2.587 3.6039 3.6039 0 0 1 -2.5148 1.3236z">
+        </path>
+      </svg>
+    </span>
+    <span><a href="#">商店</a></span>
+    <span><a href="#">Mac</a></span>
+    <span><a href="#">iPad</a></span>
+    <span><a href="#">iPhone</a></span>
+    <span><a href="#">Watch</a></span>
+    <span><a href="#">Vision</a></span>
+    <span><a href="#">AirPods</a></span>
+    <span><a href="#">家居</a></span>
+    <span><a href="#">娱乐</a></span>
+    <span><a href="#">配件</a></span>
+    <span><a href="#">技术支持</a></span>
+    <span>
+      <svg height="48" viewBox="0 0 17 48" width="17" xmlns="http://www.w3.org/2000/svg"> 
+        <path fill="white"
+            d="m16.2294 29.9556-4.1755-4.0821a6.4711 6.4711 0 1 0 -1.2839 1.2625l4.2005 4.1066a.9.9 0 1 0 1.2588-1.287zm-14.5294-8.0017a5.2455 5.2455 0 1 1 5.2455 5.2527 5.2549 5.2549 0 0 1 -5.2455-5.2527z">
+        </path>
+      </svg>
+    </span>
+    <span>
+      <svg height="48" viewBox="0 0 17 48" width="17" xmlns="http://www.w3.org/2000/svg"> 
+        <path fill="white"
+            d="m13.4575 16.9268h-1.1353a3.8394 3.8394 0 0 0 -7.6444 0h-1.1353a2.6032 2.6032 0 0 0 -2.6 2.6v8.9232a2.6032 2.6032 0 0 0 2.6 2.6h9.915a2.6032 2.6032 0 0 0 2.6-2.6v-8.9231a2.6032 2.6032 0 0 0 -2.6-2.6001zm-4.9575-2.2768a2.658 2.658 0 0 1 2.6221 2.2764h-5.2442a2.658 2.658 0 0 1 2.6221-2.2764zm6.3574 13.8a1.4014 1.4014 0 0 1 -1.4 1.4h-9.9149a1.4014 1.4014 0 0 1 -1.4-1.4v-8.9231a1.4014 1.4014 0 0 1 1.4-1.4h9.915a1.4014 1.4014 0 0 1 1.4 1.4z">
+        </path>
+      </svg>
+    </span>
+  </ul>
+</div>
+
+</body>
+</html>
\ No newline at end of file
-- 
Gitee


From 3b63e7eb07e49bc83ba321f5e79f1e88b4088003 Mon Sep 17 00:00:00 2001
From: ppppp <qq1943849314@163.com>
Date: Mon, 16 Sep 2024 23:27:31 +0800
Subject: [PATCH 5/5] 0916

---
 .../giteenote/20240909-html5note2.md"         |  47 +++++---
 .../homework/bky.html"                        | 113 ++++++++++++++++++
 2 files changed, 144 insertions(+), 16 deletions(-)
 create mode 100644 "\351\202\271\346\260\270\346\266\233/homework/bky.html"

diff --git "a/\351\202\271\346\260\270\346\266\233/giteenote/20240909-html5note2.md" "b/\351\202\271\346\260\270\346\266\233/giteenote/20240909-html5note2.md"
index d6a1a05..2a2a354 100644
--- "a/\351\202\271\346\260\270\346\266\233/giteenote/20240909-html5note2.md"
+++ "b/\351\202\271\346\260\270\346\266\233/giteenote/20240909-html5note2.md"
@@ -1,20 +1,35 @@
-# html5
-
-## 文本级标签
-文本级的标签对应容器级标签，只能嵌套文字/图片/超链接的标签。
-常见文本级的标签:span p buis strong em ins del ..
-## 容器级标签
-容器级的标签可以简单的理解为能嵌套其它所有标签的标签。
-常见容器级的标签: div h ul ol dl li dt dd ...。
-## 排版标签
-1. 标签标签
+# hmtl5 #
+## 容器级标签 ##
+容器级标签通常用于定义页面的结构，它们在页面上占据一整行，可以包含其他容器级标签或文本级标签。一些常见的容器级标签包括：
 ```
-<h1>-<h6>
-具有align属性，left right center
+<div> - 用于组织内容，没有特定语义。
+<section> - 表示文档中的一个独立部分。
+<article> - 表示页面、文档或网站中的独立文章。
+<header> - 表示一个区域的头部，通常包含标题和导航链接。
+<footer> - 表示一个区域的底部，通常包含版权信息和相关链接。
+<nav> - 表示导航链接的集合。
+<aside> - 表示与页面主要内容稍微独立的部分，如侧边栏。
+<main> - 表示文档的主要内容区域。
+<form> - 用于创建用户输入表单。
+<table> - 用于创建表格。  
 ```
-2. 水平线排序
+
+
+
+
+## 7文本级标签 ##
+文本级标签用于文本内容的显示，它们不会创建新的块级框，而是在文本流中显示。一些常见的文本级标签包括：
 ```
-<hr/>
-<hr/ align="属性值" color="" width="" size="" noshade>
-noshade不要阴影
+<span> - 用于对文本进行分组，没有特定语义。
+<a> - 用于创建超链接。
+<b> - 用于加粗文本，但不建议用于强调（应使用 <strong>）。
+<strong> - 用于表示文本的重要性。
+<em> - 用于表示文本的强调。
+<i> - 用于显示斜体文本，但不建议用于表示技术术语（应使用 <var> 或 <dfn>）。
+<sub> - 用于创建下标文本。
+<sup> - 用于创建上标文本。
+<small> - 用于显示较小的文本。
+<mark> - 用于标记文本。
+<del> - 表示删除线文本。
+<ins> - 表示插入的文本
 ```
\ No newline at end of file
diff --git "a/\351\202\271\346\260\270\346\266\233/homework/bky.html" "b/\351\202\271\346\260\270\346\266\233/homework/bky.html"
new file mode 100644
index 0000000..8fd73b0
--- /dev/null
+++ "b/\351\202\271\346\260\270\346\266\233/homework/bky.html"
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>博客园导航模仿</title>
+<style>
+  body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f0f0f0;
+  }
+  .navbar {
+    background-color: #f0f0f0; /* 黑色背景 */
+    color: rgb(0, 0, 0);
+    padding: 10px 20px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .navbar .logo {
+    font-size: 24px;
+    font-weight: bold;
+  }
+  .navbar ul {
+    list-style: none;
+    display: flex;
+    padding: 0;
+    margin: 0;
+  }
+  .navbar ul li {
+    padding: 0 15px;
+  }
+  .navbar ul li a {
+    color: rgb(0, 0, 0);
+    text-decoration: none;
+  }
+  .navbar ul li a:hover {
+    text-decoration: underline;
+  }
+  .search-box {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
+  .search-box input[type="text"] {
+    padding: 5px;
+    border: 1px solid #000000;
+    border-radius: 5px;
+  }
+  .search-box input[type="submit"] {
+    padding: 5px 10px;
+    background-color: #ffffff;
+    color: rgb(0, 0, 0);
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+  }
+  .search-box input[type="submit"]:hover {
+    background-color: #777;
+  }
+  .login-register {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
+  .login-register a {
+    color: rgb(0, 0, 0);
+    text-decoration: none;
+    padding: 5px 10px;
+    border: 1px solid rgb(0, 0, 0);
+    border-radius: 5px;
+  }
+  .login-register a:hover {
+    background-color: #555;
+    border-color: #555;
+  }
+  /* 响应式设计 */
+  @media (max-width: 768px) {
+    .navbar ul {
+      display: none; /* 隐藏导航项 */
+    }
+  }
+</style>
+</head>
+<body>
+
+<div class="navbar">
+  <div class="logo">博客园</div>
+  <ul>
+    <li><a href="#">首页</a></li>
+    <li><a href="#">会员</a></li>
+    <li><a href="#">周边</a></li>
+    <li><a href="#">捐助</a></li>
+    <li><a href="#">新闻</a></li>
+    <li><a href="#">博问</a></li>
+    <li><a href="#">闪存</a></li>
+    <li><a href="#">班级</a></li>
+    <li><a href="#">赞助商</a></li>
+  </ul>
+  <div class="search-box">
+    <input type="text" placeholder="代码改变世界">
+    <input type="submit" value="搜索">
+  </div>
+  <div class="login-register">
+    <a href="#">注册</a>
+    <a href="#">登录</a>
+  </div>
+</div>
+
+</body>
+</html>
\ No newline at end of file
-- 
Gitee