#综合实例
Primers 编程伙伴
Primers 编程伙伴
欢迎来到 Primers —— 你的编程学习伙伴
超文本标记语言（HyperText Markup Language） 是一种用于创建网页的标准标记语言。
使用 HTML 您可以创建自己的网站。HTML 很容易学习——您一定会喜欢它！
| 标签 |
描述 |
示例 |
| <h1>到<h6> |
定义HTML标题 |
<h1>主标题</h1> <h2>副标题</h2> |
| <p> |
定义段落 |
<p>这是一个段落。</p> |
| <a> |
定义超链接 |
<a href="https://example.com">示例链接</a> |
| <img> |
定义图像 |
<img src="image.jpg" alt="描述"> |
| <ul>, <ol>, <li> |
定义无序列表、有序列表和列表项 |
<ul>
<li>项目1</li>
<li>项目2</li>
</ul>
|
| <div> |
定义文档中的分区或节 |
<div>内容块</div> |
| <span> |
定义文档中的行内元素 |
<span>行内内容</span> |
| <table>, <tr>, <td>, <th> |
定义表格、行、单元格和表头单元格 |
<table>
<tr>
<th>表头</th>
<td>数据</td>
</tr>
</table>
|
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Primers 编程伙伴</title>
</head>
<body>
<header>
<h1>
<img src="https://xplanc.org/primers//icon.svg" alt="图标" width="32px" height="32px">
Primers 编程伙伴
</h1>
<h2>欢迎来到 Primers —— 你的编程学习伙伴</h2>
</header>
<nav>
导航栏
<a href="/primers/document/zh/02.Python">Python 教程</a>
<a href="/primers/document/zh/03.HTML">HTML 教程</a>
</nav>
<main>
<article>
<section>
<p>
<strong>超文本标记语言（HyperText Markup Language）</strong> 是一种用于创建网页的标准标记语言。
使用 HTML 您可以创建自己的网站。HTML 很容易学习——您一定会喜欢它！
</p>
</section>
<section>
<table border="1">
<thead>
<tr>
<th>标签</th>
<th>描述</th>
<th>示例</th>
</tr>
</thead>
<tbody>
<tr>
<td><h1>到<h6></td>
<td>定义HTML标题</td>
<td><h1>主标题</h1> <h2>副标题</h2></td>
</tr>
<tr>
<td><p></td>
<td>定义段落</td>
<td><p>这是一个段落。</p></td>
</tr>
<tr>
<td><a></td>
<td>定义超链接</td>
<td><a href="https://example.com">示例链接</a></td>
</tr>
<tr>
<td><img></td>
<td>定义图像</td>
<td><img src="image.jpg" alt="描述"></td>
</tr>
<tr>
<td><ul>, <ol>, <li></td>
<td>定义无序列表、有序列表和列表项</td>
<td>
<ul><br>
<li>项目1</li><br>
<li>项目2</li><br>
</ul>
</td>
</tr>
<tr>
<td><div></td>
<td>定义文档中的分区或节</td>
<td><div>内容块</div></td>
</tr>
<tr>
<td><span></td>
<td>定义文档中的行内元素</td>
<td><span>行内内容</span></td>
</tr>
<tr>
<td><table>, <tr>, <td>, <th></td>
<td>定义表格、行、单元格和表头单元格</td>
<td>
<table><br>
<tr><br>
<th>表头</th><br>
<td>数据</td><br>
</tr><br>
</table>
</td>
</tr>
</tbody>
</table>
</section>
</article>
</main>
<aside>
<ul>
<li>
<a href="/primers/document/zh/03.HTML/01.%E5%9F%BA%E7%A1%80/00.%E6%96%87%E6%A1%A3%E7%BB%93%E6%9E%84.md">文档结构</a>
</li>
<li>
<a href="/primers/document/zh/03.HTML/01.%E5%9F%BA%E7%A1%80/01.%E5%85%83%E7%B4%A0%E5%92%8C%E5%B1%9E%E6%80%A7.md">元素和属性</a>
</li>
<li>
<a href="/primers/document/zh/03.HTML/01.%E5%9F%BA%E7%A1%80/02.%E6%B3%A8%E9%87%8A.md">注释</a>
</li>
</ul>
</aside>
<footer>
<address>
作者：Plan C<br>
邮箱：<a href="mailto:////[email protected]">[email protected]</a>
</address>
</footer>
</body>
</html>
创建于 2025/5/14 17:15:35
更新于 2025/5/14 20:25:19