feat: 西班牙语日记学习工具与知识库

2026-07-31 14:50:37 +08:00
commit 0d5b0919da
15 changed files with 2140 additions and 0 deletions
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>名词与冠词 — 西班牙语知识库</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <nav class="top-nav">
+    <a class="back" href="../knowledge.html">← 知识库</a>
+    <span class="home">📦 名词与冠词</span>
+  </nav>
+
+  <h1>名词与冠词</h1>
+  <p class="page-subtitle">《现代西班牙语1》基础词法，共 4 个知识点。</p>
+
+  <div class="article" id="genero">
+    <h2>1. 名词的性</h2>
+    <div class="article-title-en">El género del sustantivo</div>
+    <p>西班牙语名词分<strong>阳性</strong>和<strong>阴性</strong>，且名词的性影响冠词和形容词的形式。</p>
+    <table>
+      <tr><th>规则</th><th>阳性</th><th>阴性</th></tr>
+      <tr><td>以 -o 结尾多为阳性</td><td>libro（书）, perro（狗）</td><td>—</td></tr>
+      <tr><td>以 -a 结尾多为阴性</td><td>—</td><td>mesa（桌子）, casa（房子）</td></tr>
+      <tr><td>以 -or、-ón 结尾多为阳性</td><td>profesor（男老师）</td><td>—</td></tr>
+      <tr><td>以 -ción、-sión、-dad 结尾多为阴性</td><td>—</td><td>canción（歌曲）, ciudad（城市）</td></tr>
+    </table>
+    <p><strong>例外：</strong>el día（天）、la mano（手）、el mapa（地图）、el problema（问题）、el programa（节目）。</p>
+    <div class="example"><span>el libro, la mesa, el problema</span><span class="zh">书，桌子，问题</span><button class="speak-btn" data-text="el libro la mesa el problema">🔊</button></div>
+    <div class="tip"><strong>易错提醒：</strong>以 -a 结尾不一定是阴性，如 el día、el mapa、el programa。</div>
+  </div>
+
+  <div class="article" id="numero">
+    <h2>2. 名词的数</h2>
+    <div class="article-title-en">El número del sustantivo</div>
+    <table>
+      <tr><th>规则</th><th>单数</th><th>复数</th></tr>
+      <tr><td>以元音结尾加 -s</td><td>libro</td><td>libros</td></tr>
+      <tr><td>以辅音结尾加 -es</td><td>ciudad</td><td>ciudades</td></tr>
+      <tr><td>以 z 结尾变 z → c 再加 -es</td><td>lápiz</td><td>lápices</td></tr>
+      <tr><td>以 -s 结尾且末音节不重读，单复数同形</td><td>lunes</td><td>lunes</td></tr>
+    </table>
+    <div class="example"><span>un libro, dos libros; una ciudad, tres ciudades</span><span class="zh">一本书、两本书；一座城、三座城</span><button class="speak-btn" data-text="un libro dos libros una ciudad tres ciudades">🔊</button></div>
+    <div class="tip"><strong>易错提醒：</strong>z 结尾变复数先变 c（lápiz → lápices），不是直接加 es。</div>
+  </div>
+
+  <div class="article" id="articulo-def">
+    <h2>3. 定冠词</h2>
+    <div class="article-title-en">El artículo determinado</div>
+    <p>定冠词表示特指，相当于"这个/那个"。</p>
+    <table>
+      <tr><th></th><th>阳性</th><th>阴性</th></tr>
+      <tr><td>单数</td><td>el</td><td>la</td></tr>
+      <tr><td>复数</td><td>los</td><td>las</td></tr>
+    </table>
+    <p><strong>用法：</strong></p>
+    <ul>
+      <li>特指已知的人或物：<em>el libro</em>（那本书）</li>
+      <li>表示类别：<em>El español es difícil.</em></li>
+      <li>星期几前常用：<em>el lunes</em></li>
+      <li>阴性单数名词以重读 a/ha 开头时用 el：<em>el agua, el aula</em>（但复数仍用 las）</li>
+    </ul>
+    <div class="example"><span>el libro, la casa, los amigos, las mujeres</span><span class="zh">书，房子，朋友们，女人们</span><button class="speak-btn" data-text="el libro la casa los amigos las mujeres">🔊</button></div>
+    <div class="tip"><strong>易错提醒：</strong>el agua 是"阴性名词 + 阳性冠词"，形容阴性词仍用阴性形式：el agua fría。</div>
+  </div>
+
+  <div class="article" id="articulo-indef">
+    <h2>4. 不定冠词</h2>
+    <div class="article-title-en">El artículo indeterminado</div>
+    <p>不定冠词表示泛指，相当于"一个/一些"。</p>
+    <table>
+      <tr><th></th><th>阳性</th><th>阴性</th></tr>
+      <tr><td>单数</td><td>un</td><td>una</td></tr>
+      <tr><td>复数</td><td>unos</td><td>unas</td></tr>
+    </table>
+    <ul>
+      <li>首次提到：<em>Tengo un amigo.</em>（我有一个朋友）</li>
+      <li>不定量：<em>Necesito unos libros.</em>（我需要一些书）</li>
+      <li>职业、国籍前的 un/una：<em>Es una profesora.</em>（她是一位老师）</li>
+      <li>无冠词：<em>No tengo dinero.</em>（我没钱）</li>
+    </ul>
+    <div class="example"><span>un amigo, una amiga, unos amigos, unas amigas</span><span class="zh">一个男/女朋友，一些男/女朋友</span><button class="speak-btn" data-text="un amigo una amiga unos amigos unas amigas">🔊</button></div>
+    <div class="tip"><strong>易错提醒：</strong>表示职业的句子常用 un/una（Es médico），否定存在常省略冠词（No hay agua）。</div>
+  </div>
+
+  <script src="../speech.js"></script>
+  <script>
+    document.addEventListener('click', function(e) {
+      var btn = e.target.closest('.speak-btn');
+      if (btn) {
+        var lang = btn.dataset.lang || 'es';
+        var text = btn.dataset.text;
+        if (text) speakText(text, lang);
+      }
+    });
+  </script>
+</body>
+</html>