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

knowledge/otros.html

@@ -0,0 +1,211 @@
+<!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》常用词类与句型，共 12 个知识点。</p>
+
+  <div class="article" id="adverbios">
+    <h2>1. 常用副词</h2>
+    <div class="article-title-en">Los adverbios comunes</div>
+    <table>
+      <tr><th>副词</th><th>含义</th><th>示例</th></tr>
+      <tr><td>muy</td><td>非常（修饰形容词/副词）</td><td>muy bien（很好）</td></tr>
+      <tr><td>mucho</td><td>很多（修饰动词/名词）</td><td>Estudio mucho.</td></tr>
+      <tr><td>poco</td><td>少</td><td>poco a poco（一点一点）</td></tr>
+      <tr><td>siempre</td><td>总是</td><td>Siempre llego temprano.</td></tr>
+      <tr><td>nunca</td><td>从不</td><td>Nunca como carne.</td></tr>
+      <tr><td>ahora</td><td>现在</td><td>Ahora estudio.</td></tr>
+      <tr><td>ya</td><td>已经</td><td>Ya he terminado.</td></tr>
+      <tr><td>todavía</td><td>仍然</td><td>Todavía no llego.</td></tr>
+    </table>
+    <div class="example"><span>Estudio mucho. Ahora vivo en Madrid. Nunca como tarde.</span><span class="zh">我学习很多。现在我住在马德里。我从不晚吃饭。</span><button class="speak-btn" data-text="Estudio mucho. Ahora vivo en Madrid. Nunca como tarde.">🔊</button></div>
+    <div class="tip"><strong>易错提醒：</strong>muy 修饰形容词/副词；mucho 修饰动词或作名词/形容词，二者不可混用。</div>
+  </div>
+
+  <div class="article" id="preposiciones">
+    <h2>2. 常用介词</h2>
+    <div class="article-title-en">Las preposiciones comunes</div>
+    <table>
+      <tr><th>介词</th><th>含义</th><th>示例</th></tr>
+      <tr><td>a</td><td>到、向</td><td>Voy a casa.</td></tr>
+      <tr><td>de</td><td>的、从</td><td>el libro de Juan</td></tr>
+      <tr><td>en</td><td>在（地点/时间）</td><td>en casa</td></tr>
+      <tr><td>con</td><td>和、用</td><td>con mis amigos</td></tr>
+      <tr><td>sin</td><td>没有</td><td>sin azúcar</td></tr>
+      <tr><td>para</td><td>为了、给</td><td>para ti</td></tr>
+      <tr><td>por</td><td>由于、经过、为了</td><td>por favor</td></tr>
+      <tr><td>sobre</td><td>关于、在…上面</td><td>sobre la mesa</td></tr>
+      <tr><td>desde</td><td>自从、从</td><td>desde enero</td></tr>
+      <tr><td>hasta</td><td>直到</td><td>hasta mañana</td></tr>
+    </table>
+    <div class="example"><span>Voy a casa con mis amigos. El libro está sobre la mesa.</span><span class="zh">我和朋友们回家。书在桌子上。</span><button class="speak-btn" data-text="Voy a casa con mis amigos. El libro está sobre la mesa.">🔊</button></div>
+  </div>
+
+  <div class="article" id="contracciones">
+    <h2>3. 介词冠词缩合</h2>
+    <div class="article-title-en">Las contracciones al y del</div>
+    <p>西班牙语只有两组强制缩合：</p>
+    <table>
+      <tr><th>缩合</th><th>构成</th><th>示例</th></tr>
+      <tr><td>al</td><td>a + el</td><td>Voy al parque.（我去公园）</td></tr>
+      <tr><td>del</td><td>de + el</td><td>el libro del profesor（老师的书）</td></tr>
+    </table>
+    <p>其他介词 + el 不缩合：<em>en el parque, para el niño</em>。</p>
+    <div class="example"><span>Voy al cine. Salgo del trabajo a las seis.</span><span class="zh">我去电影院。我六点下班。</span><button class="speak-btn" data-text="Voy al cine. Salgo del trabajo a las seis.">🔊</button></div>
+    <div class="tip"><strong>易错提醒：</strong>a el 和 de el 必须写 al / del；但 de + él（他）不缩合，因 él 是人称代词。</div>
+  </div>
+
+  <div class="article" id="cardinales">
+    <h2>4. 基数词</h2>
+    <div class="article-title-en">Los numerales cardinales</div>
+    <table>
+      <tr><td>0 cero</td><td>1 uno</td><td>2 dos</td><td>3 tres</td></tr>
+      <tr><td>4 cuatro</td><td>5 cinco</td><td>6 seis</td><td>7 siete</td></tr>
+      <tr><td>8 ocho</td><td>9 nueve</td><td>10 diez</td><td>11 once</td></tr>
+      <tr><td>12 doce</td><td>13 trece</td><td>14 catorce</td><td>15 quince</td></tr>
+      <tr><td>16 dieciséis</td><td>17 diecisiete</td><td>18 dieciocho</td><td>19 diecinueve</td></tr>
+      <tr><td>20 veinte</td><td>21 veintiuno</td><td>30 treinta</td><td>40 cuarenta</td></tr>
+      <tr><td>50 cincuenta</td><td>60 sesenta</td><td>70 setenta</td><td>80 ochenta</td></tr>
+      <tr><td>90 noventa</td><td>100 cien</td><td>101 ciento uno</td><td>200 doscientos</td></tr>
+      <tr><td>1000 mil</td><td>1,000,000 un millón</td><td></td><td></td></tr>
+    </table>
+    <div class="example"><span>Tengo veinte años. Hay cien estudiantes.</span><span class="zh">我二十岁。有一百名学生。</span><button class="speak-btn" data-text="Tengo veinte años. Hay cien estudiantes.">🔊</button></div>
+    <div class="tip"><strong>易错提醒：</strong>cien 只用于精确 100 或 100 后接名词；101 以上用 ciento（ciento uno）。</div>
+  </div>
+
+  <div class="article" id="ordinales">
+    <h2>5. 序数词</h2>
+    <div class="article-title-en">Los numerales ordinales</div>
+    <table>
+      <tr><td>1º primero</td><td>2º segundo</td><td>3º tercero</td><td>4º cuarto</td></tr>
+      <tr><td>5º quinto</td><td>6º sexto</td><td>7º séptimo</td><td>8º octavo</td></tr>
+      <tr><td>9º noveno</td><td>10º décimo</td><td>11º undécimo</td><td>12º duodécimo</td></tr>
+    </table>
+    <p>序数词有性数变化：<em>la primera lección, los primeros días</em>。</p>
+    <div class="example"><span>La primera lección es fácil. Vivo en el tercer piso.</span><span class="zh">第一课很简单。我住在三楼。</span><button class="speak-btn" data-text="La primera lección es fácil. Vivo en el tercer piso.">🔊</button></div>
+    <div class="tip"><strong>易错提醒：</strong>primero / tercero 在阳性单数名词前短尾为 primer / tercer。</div>
+  </div>
+
+  <div class="article" id="fechas">
+    <h2>6. 日期表达</h2>
+    <div class="article-title-en">Las fechas</div>
+    <ul>
+      <li>星期：lunes、martes、miércoles、jueves、viernes、sábado、domingo</li>
+      <li>月份：enero、febrero、marzo、abril、mayo、junio、julio、agosto、septiembre、octubre、noviembre、diciembre</li>
+    </ul>
+    <p><strong>格式：</strong>Hoy es <em>lunes, 31 de julio de 2026</em>（今天是 2026 年 7 月 31 日星期一）。</p>
+    <div class="example"><span>Hoy es lunes, 31 de julio de 2026. Mi cumpleaños es el 5 de mayo.</span><span class="zh">今天是 2026 年 7 月 31 日星期一。我的生日是 5 月 5 日。</span><button class="speak-btn" data-text="Hoy es lunes, 31 de julio de 2026. Mi cumpleaños es el 5 de mayo.">🔊</button></div>
+    <div class="tip"><strong>易错提醒：</strong>日期中月份不用大写；"在星期几"用 el + 星期（el lunes），"在某日"也用 el + 数字（el 31）。</div>
+  </div>
+
+  <div class="article" id="hora">
+    <h2>7. 时间表达</h2>
+    <div class="article-title-en">La hora</div>
+    <p><strong>整点：</strong>Es la una. / Son las dos.（一点/两点）</p>
+    <p><strong>半点：</strong>Son las tres y media.（三点半）</p>
+    <p><strong>刻钟：</strong>Son las cuatro y cuarto.（四点一刻）</p>
+    <p><strong>差几分：</strong>Son las cinco menos diez.（差十分五点）</p>
+    <p><strong>下午/晚上：</strong>de la tarde / de la noche；中午 de la mañana。</p>
+    <div class="example"><span>Son las tres y media de la tarde. Son las cinco menos diez.</span><span class="zh">现在是下午三点半。差十分五点。</span><button class="speak-btn" data-text="Son las tres y media de la tarde. Son las cinco menos diez.">🔊</button></div>
+    <div class="tip"><strong>易错提醒：</strong>只有 1 点用 es la una，其他都用 son las；问时间用 ¿Qué hora es?</div>
+  </div>
+
+  <div class="article" id="interrogacion">
+    <h2>8. 疑问句</h2>
+    <div class="article-title-en">Las oraciones interrogativas</div>
+    <ul>
+      <li><strong>一般疑问句：</strong>句末语调上升，可省略主语，句首句尾加 ¿ ?</li>
+      <li><strong>特殊疑问句：</strong>疑问词 + 动词 + 其他：<em>¿Dónde vives?</em></li>
+      <li><strong>选择疑问句：</strong>¿... o ...?：<em>¿Café o té?</em></li>
+      <li><strong>否定疑问句：</strong>¿No estudias?（你不学习吗？）</li>
+    </ul>
+    <div class="example"><span>¿Estudias español? ¿Qué haces? ¿Café o té?</span><span class="zh">你学西班牙语吗？你在做什么？咖啡还是茶？</span><button class="speak-btn" data-text="¿Estudias español? ¿Qué haces? ¿Café o té?">🔊</button></div>
+    <div class="tip"><strong>易错提醒：</strong>疑问句首必须加倒问号 ¿，句末用正问号 ?。</div>
+  </div>
+
+  <div class="article" id="negacion">
+    <h2>9. 否定句</h2>
+    <div class="article-title-en">Las oraciones negativas</div>
+    <ul>
+      <li>在动词前加 no：<em>No estudio hoy.</em>（今天我不学习）</li>
+      <li>nunca / jamás（从不）：<em>Nunca fumo.</em></li>
+      <li>nadie（没人）：<em>No viene nadie.</em> / <em>Nadie viene.</em></li>
+      <li>nada（没什么）：<em>No quiero nada.</em> / <em>Nada me gusta.</em></li>
+      <li>ninguno/a（没有一个）：<em>No tengo ningún libro.</em></li>
+      <li>tampoco（也不）：<em>Yo tampoco estudio.</em></li>
+    </ul>
+    <div class="example"><span>No estudio hoy. Nunca fumo. No tengo ningún libro.</span><span class="zh">今天我不学习。我从不抽烟。我没有一本书。</span><button class="speak-btn" data-text="No estudio hoy. Nunca fumo. No tengo ningún libro.">🔊</button></div>
+    <div class="tip"><strong>易错提醒：</strong>西班牙语双重否定是正常用法：No tengo nada（我什么都没有），不要改成 No tengo algo。</div>
+  </div>
+
+  <div class="article" id="hay">
+    <h2>10. hay 存在句</h2>
+    <div class="article-title-en">Hay</div>
+    <p>hay 表示"有、存在"，无人称，不随主语变化，后接单数或复数名词。</p>
+    <ul>
+      <li>肯定：<em>Hay un libro en la mesa.</em></li>
+      <li>否定：<em>No hay agua.</em>（没有水）</li>
+      <li>疑问：<em>¿Hay algún supermercado aquí?</em>（这里有超市吗？）</li>
+    </ul>
+    <p><strong>区分：</strong>hay 表示存在；tener 表示拥有：<em>Hay dos perros.</em>（有两只狗存在）/ <em>Tengo dos perros.</em>（我拥有两只狗）</p>
+    <div class="example"><span>Hay un libro en la mesa. No hay agua. Hay dos supermercados aquí.</span><span class="zh">桌上有一本书。没有水。这里有两家超市。</span><button class="speak-btn" data-text="Hay un libro en la mesa. No hay agua. Hay dos supermercados aquí.">🔊</button></div>
+    <div class="tip"><strong>易错提醒：</strong>hay 永远不变位为 han/hayn；"有许多"用 hay muchos / muchas。</div>
+  </div>
+
+  <div class="article" id="ser-estar">
+    <h2>11. ser / estar 区别</h2>
+    <div class="article-title-en">Ser vs. Estar</div>
+    <table>
+      <tr><th></th><th>ser</th><th>estar</th></tr>
+      <tr><td>本质/身份</td><td>Soy estudiante.（我是学生）</td><td>—</td></tr>
+      <tr><td>国籍/来源</td><td>Ella es de China.（她来自中国）</td><td>—</td></tr>
+      <tr><td>时间/日期</td><td>Hoy es lunes.（今天是星期一）</td><td>—</td></tr>
+      <tr><td>职业</td><td>Es médico.（他是医生）</td><td>—</td></tr>
+      <tr><td>位置</td><td>—</td><td>Estoy en casa.（我在家）</td></tr>
+      <tr><td>临时状态</td><td>—</td><td>Estoy cansado.（我累了）</td></tr>
+      <tr><td>进行时</td><td>—</td><td>Estoy leyendo.（我正在读）</td></tr>
+      <tr><td>性质</td><td>Es bonito.（它很漂亮）</td><td>Está bonito.（现在看起来漂亮）</td></tr>
+    </table>
+    <div class="example"><span>Soy estudiante. Estoy en casa. Estoy cansado. Hoy es lunes.</span><span class="zh">我是学生。我在家。我累了。今天是星期一。</span><button class="speak-btn" data-text="Soy estudiante. Estoy en casa. Estoy cansado. Hoy es lunes.">🔊</button></div>
+    <div class="tip"><strong>易错提醒：</strong>ser + 形容词表固有性质，estar + 形容词表临时状态：Es listo（聪明）≠ Está listo（准备好了）。</div>
+  </div>
+
+  <div class="article" id="orden">
+    <h2>12. 基本语序</h2>
+    <div class="article-title-en">El orden de las palabras</div>
+    <p><strong>陈述句基本语序：</strong>主语 + 动词 + 宾语 / 补语。</p>
+    <div class="example"><span>Yo estudio español en la universidad.</span><span class="zh">我在大学学习西班牙语。</span><button class="speak-btn" data-text="Yo estudio español en la universidad.">🔊</button></div>
+    <p><strong>常见变体：</strong></p>
+    <ul>
+      <li>状语可前置：<em>Ahora estudio.</em>（现在我在学习）</li>
+      <li>疑问句动词常前置：<em>¿Vives en Madrid?</em></li>
+      <li>主语可后置强调：<em>Llegó Juan.</em>（胡安到了）</li>
+      <li>形容词通常后置：<em>una casa blanca</em></li>
+    </ul>
+    <div class="example"><span>Ahora estudio español en la universidad. ¿Vives en Madrid?</span><span class="zh">现在我在大学学习西班牙语。你住在马德里吗？</span><button class="speak-btn" data-text="Ahora estudio español en la universidad. ¿Vives en Madrid?">🔊</button></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>