浅尝HTML常用标签

2024-03-01 08:49:35

HTML的基本组成部分

HTML网页主要由两个部分组成：

头部 (Head) ：包含有关网页的信息，例如标题、元数据和链接。
主体 (Body) ：包含网页的可见内容，例如文本、图像和视频。

1. 文档类型声明 (<!DOCTYPE>)

这是HTML文档中的第一个标签，它告诉浏览器如何解释文档。对于HTML5，正确的文档类型声明是：

<!DOCTYPE html>

2. HTML元素 (html)

html标签是HTML文档的根元素，它包含了网页的所有内容。

3. 主体元素 (body)

body标签包含网页的可见内容。它必须是html元素的子元素。

4. 标题元素 (h1, h2, ..., h6)

标题元素用于创建不同级别的标题。h1是最高级别的标题，而h6是最低级别的标题。

5. 段落元素 (p)

p标签用于创建段落。

6. 列表元素 (ul, ol, li)

ul：无序列表，列表项用项目符号表示。
ol：有序列表，列表项用数字表示。
li：列表项元素。

7. 链接元素 (a)

a标签用于创建超链接。它有两个必填属性：

href：链接的目标 URL。
text：链接的文本。

8. 图像元素 (img)

img标签用于在网页中显示图像。它有一个必填属性：

src：图像的源 URL。

9. 表格元素 (table, tr, td)

table：表格元素。
tr：表格行元素。
td：表格单元格元素。

10. 表单元素 (form, input, button)

form：表单元素。
input：输入字段，用户可以在其中输入数据。
button：按钮，用户可以单击它来提交表单或执行其他操作。

示例：

<!DOCTYPE html>
<html>
<head>
  
</head>
<body>
  <h1>HTML常用标签</h1>
  <p>本文介绍HTML的一些常用标签，帮助初学者快速入门。</p>
  <h2>标题元素</h2>
  <p>标题元素用于创建不同级别的标题，从h1（最高级别）到h6（最低级别）。</p>
  <ul>
    <li>h1：最高级别的标题</li>
    <li>h2：次高级别的标题</li>
    <li>h3：再次高级别的标题</li>
  </ul>
  <a href="https://www.example.com">点击这里查看更多信息</a>
</body>
</html>