📜  <code> html tag - Html Code Example(1)

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

HTML 标签简介

HTML 标签是构成网页的基础。HTML 通过标签将网页内容分成不同的部分,以便浏览器可以正确地显示页面。本文将为你介绍一些常用的 HTML 标签及其用法。

HTML 标签基础

HTML 标签通常由开标签和闭标签组成,如下所示:

<tagname>content</tagname>

其中 <tagname> 为标签名,content 为标签内容,</tagname> 为该标签的闭标签。有些标签没有闭标签,这些标签被称为“空元素”。

以下是一些常见的 HTML 标签:

标题标签

HTML 标题标签可用于定义网页中的标题。网页通常只有一个主标题,但可以使用多个层级的副标题。以下是一些常见的标题标签及其示例:

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

HTML 段落标签可用于定义网页中的文本段落。以下是一个示例:

<p>这是一个段落。</p>
链接标签

HTML 链接标签可用于定义网页中的链接。以下是一个示例:

<a href="http://www.example.com">这是一个链接</a>
图片标签

HTML 图片标签可用于定义网页中的图片。以下是一个示例:

<img src="picture.jpg" alt="这是一张图片">
列表标签

HTML 列表标签可用于定义网页中的有序或无序列表。以下是一些常见的列表标签及其示例:

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

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

HTML 表格标签可用于定义网页中的表格。以下是一个示例:

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

HTML 表单标签可用于定义网页中的表单。以下是一个示例:

<form>
  <label for="name">名称:</label>
  <input type="text" id="name" name="name" required>
  <button type="submit">提交</button>
</form>
结论

这只是一个简单的 HTML 标签列表。HTML 还有许多其他标签,涵盖了从文本格式到导航和媒体的各个方面。开始学习 HTML 将为您构建网页奠定基础。