1. 文本元素
这是一个段落文本。HTML提供了丰富的文本标记元素，可以创建各种内容。
这是另一个段落，包含加粗文本、斜体文本、下划线文本和行内代码。
还可以创建小号文本、高亮文本以及上标sup和下标sub。
2. 列表示例
无序列表
- 列表项 1
- 列表项 2
- 列表项 3
- 嵌套列表项 1
- 嵌套列表项 2
有序列表
- 第一步
- 第二步
- 第三步
3. 表单元素
4. 表格示例
| # | 姓名 | 邮箱 | 城市 |
|---|---|---|---|
| 1 | 张三 | zhangsan@example.com | 北京 |
| 2 | 李四 | lisi@example.com | 上海 |
| 3 | 王五 | wangwu@example.com | 广州 |
| 4 | 赵六 | zhaoliu@example.com | 深圳 |
5. 布局示例
使用Flexbox创建的响应式布局：
区块 1
这是一个响应式区块，会随着屏幕大小调整宽度。
区块 2
这是第二个区块，包含一些示例内容。
区块 3
这是第三个区块，演示响应式布局。
6. 代码示例
下面是HTML代码示例：
<!DOCTYPE html>
<html>
<head>
<title>示例页面</title>
</head>
<body>
<h1>Hello World!</h1>
<p>这是一个简单的HTML页面。</p>
</body>
</html>
7. 测试结果
表单提交和按钮点击的结果将显示在这里：
暂无结果，请填写表单并提交或点击测试按钮。