HTML 入门笔记 [3]: HTML 常用标签

2023-11-09 02:59:38

作为初学者踏入 HTML 的世界，了解常用标签至关重要。这些标签构成了 HTML 文档的基石，使您能够构建网站的基础结构并添加各种元素。让我们深入了解这些标签的用途和语法。

HTML 常用标签

段落标签 (
)

用于定义段落文本，通常用于分隔文本内容。

<p>这是一段文本。</p>

标题标签 (

-

)

用于创建不同级别的标题，从最重要的

到最不重要的

。

<h1>这是 H1 标题</h1>
<h2>这是 H2 标题</h2>

列表标签 (
,
,
)

创建无序 (

标签定义列表中的每个项目。

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

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

链接标签 ()

用于创建超链接，使用户可以单击并导航到其他页面或网站。

<a href="www.example.com">这是一个链接</a>

图像标签 ()

用于在网页中显示图像。

<img src="image.jpg" alt="图像">

用于创建和组织表格数据。

<table>
  <tr>
    <td>行 1，列 1</td>
    <td>行 1，列 2</td>
  </tr>
  <tr>
    <td>行 2，列 1</td>
    <td>行 2，列 2</td>
  </tr>
</table>

表单标签 (
, ,

用于创建用户输入的表单。

<form>
  <input type="text" name="name">
  <input type="submit" value="提交">
</form>

练习

使用这些标签创建以下 HTML 文档：

<!DOCTYPE html>
<html>
<head>
  
</head>
<body>
  <h1>欢迎来到我的网站</h1>
  <p>这是一段关于我的网站的简短介绍。我的网站主要用于...</p>
  <ul>
    <li>分享我的想法</li>
    <li>帮助他人</li>
    <li>学习新事物</li>
  </ul>
  <a href="about.html">了解更多</a>
</body>
</html>