HTML功能汇总

HTML是用于创建网页的标准标记语言。以下是HTML的一些常见功能和使用示例：

1. 创建标题：

<h1>这是一个标题</h1>
<h2>这是一个子标题</h2>

2. 创建段落：

<p>这是一个段落。</p>

3. 创建链接：

<a href="https://www.example.com">点击这里访问example.com</a>

4. 创建图片：

<img src="image.jpg" alt="描述性文本">

5. 创建列表（无序列表）：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
</ul>

6. 创建列表（有序列表）：

<ol>
  <li>第一项</li>
  <li>第二项</li>
</ol>

7. 创建表格：

<table>
  <tr>
    <th>表头1</th>
    <th>表头2</th>
  </tr>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
</table>

8. 创建表单和输入元素：

<form action="/submit" method="post">
  <label for="name">姓名:</label>
  <input type="text" id="name" name="name">
  <input type="submit" value="提交">
</form>

9. 创建帧（用于内联框架）：

<iframe src="page.html"></iframe>

10. 插入视频（使用YouTube视频作为例子）：

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>

11. 添加CSS样式：

<p style="color: blue;">这是一个蓝色的段落。</p>

12. 添加JavaScript代码：

<script>
function myFunction() {
  alert('Hello, World!');
}
</script>

13. 嵌入音频：

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

14. 创建分隔线：

<hr>

15. 插入注释：

<!-- 这是一个注释，不会在浏览器中显示。 -->

16. 设置元信息（用于搜索引擎优化）：

<meta name="description" content="页面描述">
<meta name="keywords" content="关键词1, 关键词2">

17. 设置字符编码：

<meta charset="UTF-8">

18. 指定视口设置（用于移动设备）：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

19. 指定页面的主题颜色（用于移动设备浏览器界面）：

<meta name="theme-color" content="#317EFB">

20. 设置页面重定