微信公众号
扫描关注微信公众号
博客大厅

HTML 中的常用标签有哪些?

原创 来源:博客站 阅读 0 03月21日 06:47 听全文

HTML 中有许多常用的标签,用于定义网页的结构、内容和样式。以下是一些最常见的 HTML 标签及其用途:

1. 文档结构标签

  • <!DOCTYPE html>:声明文档类型为 HTML5。
  • <html>:定义 HTML 文档的根元素。
  • <head>:包含文档的元数据,如标题、字符集、样式表和脚本。
  • <title>:定义文档的标题,显示在浏览器的标题栏或标签页上。
  • <body>:包含文档的可见内容。

2. 文本格式化标签

  • <h1><h6>:定义标题,<h1> 是最高级标题,<h6> 是最低级标题。
  • <p>:定义段落。
  • <br>:插入换行。
  • <hr>:插入水平线。
  • <strong>:定义强调文本,通常以加粗显示。
  • <em>:定义强调文本,通常以斜体显示。
  • <span>:用于对文档中的行内元素进行分组和样式化。

3. 链接和图像标签

  • <a>:定义超链接,href 属性指定链接的目标地址。
  • <img>:定义图像,src 属性指定图像的路径,alt 属性提供替代文本。

4. 列表标签

  • <ul>:定义无序列表。
  • <ol>:定义有序列表。
  • <li>:定义列表项。

5. 表格标签

  • <table>:定义表格。
  • <tr>:定义表格行。
  • <td>:定义表格单元格。
  • <th>:定义表格头单元格。
  • <thead>:定义表格的头部。
  • <tbody>:定义表格的主体。
  • <tfoot>:定义表格的页脚。

6. 表单标签

  • <form>:定义表单。
  • <input>:定义输入字段,类型由 type 属性指定(如 textpasswordsubmit 等)。
  • <textarea>:定义多行文本输入字段。
  • <label>:定义表单控件的标签。
  • <button>:定义按钮。
  • <select>:定义下拉列表。
  • <option>:定义下拉列表中的选项。

7. 容器标签

  • <div>:定义文档中的块级容器,常用于布局和样式化。
  • <span>:定义文档中的行内容器,常用于样式化文本。

8. 元数据标签

  • <meta>:定义文档的元数据,如字符集、页面描述、关键词等。
  • <link>:定义文档与外部资源的关系,如样式表。
  • <style>:定义内部样式表。
  • <script>:定义客户端脚本,如 JavaScript。

示例代码:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>示例网页</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是一个简单的 <strong>HTML</strong> 示例。</p>
    <a href="https://example.com">访问示例网站</a>
    <img src="image.jpg" alt="示例图片">
    
    <ul>
        <li>列表项 1</li>
        <li>列表项 2</li>
    </ul>

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

总结:

  • HTML 标签用于定义网页的结构和内容。
  • 常用的标签包括文档结构标签、文本格式化标签、链接和图像标签、列表标签、表格标签、表单标签、容器标签和元数据标签。
  • 通过组合这些标签,可以创建丰富多样的网页内容。
学在每日,进无止境!更多精彩内容请关注微信公众号。
原文出处: 内容由AI生成仅供参考,请勿使用于商业用途。如若转载请注明原文及出处。
出处地址:http://www.07sucai.com/tech/792.html
版权声明:本文来源地址若非本站均为转载,若侵害到您的权利,请及时联系我们,我们会在第一时间进行处理。
轻松 一刻
>