常见的html标签及作用

2024-04-22

常见的 html 标签包括结构标签(用于定义网页内容),文本标签(用于格式化文本),链接标签(用于创建超链接),图像标签,表单标签,媒体标签,表格标签以及其他标签(如通用容器和预格式文本块)。这些标签共同用于构建网站,定义页面布局,控制文本外观,并添加交互元素。

常见的 HTML 标签及其作用

HTML(超文本标记语言)标签是网站构建的基本组成部分,用于定义网页内容并控制其外观和行为。以下是常见 HTML 标签及其作用:

1. 结构标签

  • :用作网页的头部信息容器,包含标题、描述和元数据。
  • :定义网页的主体内容。
  • <header></header>:包含网页的标题和导航栏等头部元素。
  • <footer></footer>:包含网页的页脚,通常用于版权信息或联系方式。

2. 文本标签

  • <p></p>:创建段落。
  • <h1></h1><h6></h6>:定义不同的标题级别。
  • <b></b><i></i>:分别创建加粗和斜体文本。
  • <u></u>:创建下划线文本。
  • <mark></mark>:标记文本以引起注意。

3. 链接标签

  • <a></a>:创建超链接,允许用户单击以导航到其他页面或资源。
  • <span></span>:用作链接容器,允许将样式应用于链接文本。

4. 图像标签

  • <img alt="常见的html标签及作用" >:嵌入图像到网页中。

5. 表单标签

  • <form></form>:定义表单,允许用户输入数据。
  • <input>:创建输入字段,用于文本、数字、复选框或单选按钮。
  • <button></button>:创建按钮,单击时触发动作。

6. 媒体标签

  • <video></video>:嵌入视频到网页中。
  • <audio></audio>:嵌入音频文件到网页中。

7. 表格标签

  • <table>:创建表格。<li><code><tr>:创建表行。<li><code><td>:创建表数据单元格。<p><strong>8. 其他标签</strong></p>
    <ul>
    <li>
    <code><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"></pre><div class="contentsignin"></div></div>
    :创建预格式化文本块。
  • <hr>:创建水平线。
  • <span></span>:用作通用容器元素,允许应用样式和分组内容。

以上就是常见的html标签及作用的详细内容,更多请关注北冥有鱼其它相关技术文章!