HTML-标记参考

HTML标记是编写网页时必不可少的一部分。使用合适的标记可以帮助我们创建出各种不同风格和内容的网页。本文将提供一个HTML-标记参考用于程序员的参考。

基础标记

以下是常见的HTML基础标记：

# 标题
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

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

# 链接
<a href="https://www.example.com">链接文本</a>

# 图像
<img src="image.jpg" alt="图片描述">

# 列表
<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>
<ol>
  <li>有序列表项1</li>
  <li>有序列表项2</li>
  <li>有序列表项3</li>
</ol>

# 强调
<strong>粗体文本</strong>
<em>斜体文本</em>

表格

创建表格时，我们需要使用<table>标签，并使用<tr>和<td>标签定义表格中的行和单元格。还可以使用<th>标签定义表格标题行。以下是一个基本表格的示例代码：

<table>
  <thead>
    <tr>
      <th>表头1</th>
      <th>表头2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>单元格1</td>
      <td>单元格2</td>
    </tr>
    <tr>
      <td>单元格3</td>
      <td>单元格4</td>
    </tr>
  </tbody>
</table>

表单

HTML表单使得用户可以在网页上输入和提交数据。以下是创建一个表单所需的标记：

<form action="/action_page.php" method="POST">
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username"><br><br>
  <label for="password">密码:</label>
  <input type="password" id="password" name="password"><br><br>
  <input type="submit" value="提交">
</form>

多媒体

除了图像，我们还可以在网页上嵌入音频、视频等多媒体文件。以下是创建嵌入式多媒体的示例代码：

# 音频
<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  <source src="audio.ogg" type="audio/ogg">
  您的浏览器不支持audio标记。
</audio>

# 视频
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持video标记。
</video>

以上是这个HTML-标记参考的一些示例。有了这个参考，我们对HTML标记的使用将更加得心应手！