https://bcb14f75.coodoorcom.pages.dev/tags/html/ Recent content in Html on Coodoor Hugo zh-CN Thu, 06 Aug 2026 10:36:10 +0800 https://bcb14f75.coodoorcom.pages.dev/posts/hello-world/ Mon, 19 Aug 2024 21:50:24 +0900 https://bcb14f75.coodoorcom.pages.dev/posts/hello-world/ <p>Markdown 是一种轻量级标记语言，可以快速创建结构化文档。本文介绍常用的核心语法。</p> <h2 id="1-标题">1. 标题</h2> <p>使用 <code>#</code> 表示标题。<code>#</code> 越多，标题层级越深。</p> <h2 id="2-段落与换行">2. 段落与换行</h2> <p>段落之间用空行分隔。若要强制换行，可在行尾加两个空格或使用 <code>&lt;br&gt;</code>。</p> <h2 id="3-强调">3. 强调</h2> <p>使用 <em>斜体</em> 与 <strong>粗体</strong> 强调重点。</p> <h2 id="4-列表">4. 列表</h2> <h3 id="无序列表">无序列表</h3> <ul> <li>项目 1</li> <li>项目 2 <ul> <li>子项目 A</li> <li>子项目 B</li> </ul> </li> </ul> <h3 id="有序列表">有序列表</h3> <ol> <li>第一项</li> <li>第二项</li> <li>第三项</li> </ol> <h2 id="5-链接">5. 链接</h2> <p><a href="https://www.example.com">链接文本</a></p> <h2 id="6-图片">6. 图片</h2> <p><img src="https://bcb14f75.coodoorcom.pages.dev/img/about-page-thumbnail.webp" loading="lazy" alt="替代文本" /> </p> <h2 id="7-引用">7. 引用</h2> <blockquote> <p>这是一段引用。 可以跨越多行。</p> </blockquote> <h2 id="8-代码">8. 代码</h2> <p>行内代码使用反引号，代码块使用三个反引号。</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-python" data-lang="python"><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">hello_world</span>(): </span></span><span style="display:flex;"><span> print(<span style="color:#e6db74">&#34;Hello, World!&#34;</span>) </span></span></code></pre></div><h2 id="9-分隔线">9. 分隔线</h2> <p>使用三个及以上的 <code>-</code>、<code>*</code> 或 <code>_</code>。</p> <hr> <h2 id="总结">总结</h2> <p>Markdown 灵活且高效。掌握基础后，你可以快速写出清晰、结构化的文档。</p>