📜  HTML |<s>标签<s>(1)

📅  最后修改于: 2023-12-03 14:41:53.054000             🧑  作者: Mango

HTML 标签

HTML(超文本标记语言)是 Web 开发中常用的标记语言。HTML 标签用于定义 Web 页面中的不同元素,例如文字、图像、链接、表格等等。

基本结构

一个 HTML 页面通常由以下三个部分组成:

  1. DOCTYPE 声明——指定 HTML 页面使用的版本和文档类型。

    <!DOCTYPE html>
    
  2. HTML 根元素——包含整个 HTML 文档。

    <html>
        ...
    </html>
    
  3. head 和 body 元素——head 元素包含 HTML 文档的元信息和链接信息,body 元素包含 HTML 文档的主要内容。

    <head>
        <meta charset="UTF-8">
        <title>Page Title</title>
    </head>
    <body>
        ...
    </body>
    
常用标签

下面是一些常用的 HTML 标签:

  • 标题:用于标识网页的标题,有 h1~h6 共6个等级。
    <h1>Heading 1</h1>
    
  • 段落:用于添加文本。
    <p>This is a paragraph.</p>
    
  • 图像:用于添加图片。
    <img src="image.jpg" alt="Image description">
    
  • 链接:用于添加链接。
    <a href="https://www.example.com">Example Website</a>
    
  • 列表:用于展示有序或无序列表。
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
    </ul>
    
  • 表格:用于展示数据。
    <table>
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
        </tr>
        <tr>
            <td>Row 1, Cell 1</td>
            <td>Row 1, Cell 2</td>
        </tr>
    </table>
    
  • 表单:用于收集输入数据。
    <form>
        <label for="name">Name:</label>
        <input type="text" id="name" name="name">
    </form>
    
  • 注释:用于添加代码注释。
    <!-- This is a comment -->
    
结论

HTML 标签形成了构建 Web 页面的基础。熟悉常用标签可以帮助你更快速地创建 Web 页面。