📜  HTML 标签(1)

📅  最后修改于: 2023-12-03 15:31:17.409000             🧑  作者: Mango

HTML 标签

HTML 标签是用于描述网页结构的标识符,它们用于定义文本、图像、音频、视频、超链接等网页元素的外观和行为。下面是一些常见的 HTML 标签及其用途。

标题标签

标题标签用于定义网页的标题,从 h1 到 h6 共六种级别,依次表示标题大小的不同。

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>
段落标签

段落标签用于定义网页中的段落。<p> 标签表示段落,浏览器会在段落之间自动添加空间。

<p>这是一个段落。</p>
<p>这是另一个段落。</p>
图像标签

图像标签用于向网页中添加图片。<img> 标签必须包含一个 src 属性,它指示图片的 URL。

<img src="https://example.com/image.jpg" alt="图片描述">
超链接标签

超链接标签用于创建链接到其他网页和文档。<a> 标签必须包含一个 href 属性,它指示链接的 URL。

<a href="https://example.com">链接文本</a>
列表标签

列表标签用于创建有序或无序列表。有序列表使用 <ol> 标签,无序列表使用 <ul> 标签,每个列表项使用 <li> 标签。

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

<ol>
  <li>有序列表项 1</li>
  <li>有序列表项 2</li>
  <li>有序列表项 3</li>
</ol>
表格标签

表格标签用于创建表格。<table> 是表格的容器,<tr> 是表格的行,<td> 是表格的单元格。

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

表单标签用于创建交互式表单。<form> 是表单的容器,<input> 用于接收用户输入。

<form action="/submit" method="post">
  <label>用户名:<input type="text" name="username"></label>
  <label>密码:<input type="password" name="password"></label>
  <input type="submit" value="登录">
</form>

以上是 HTML 标签的简要介绍。了解更多HTML标签,请参阅 MDN Web Docs