html 重要概念之常用标签

1. html> 标签

html> 标签定义了一个 HTML 文档，并且是最顶层的标签。

html>
    
  !-- 内容放在这里 -->
    
/html>
    

2. head> 标签

head> 标签包含了一些元数据，如文档标题、样式表等，它们不会显示在页面上。

head>
    
  title>
    页面标题/title>
    
  link rel="stylesheet" href="style.css">
    
/head>
    

3. body> 标签

body> 标签包含了实际的页面内容，如段落、图像、列表等。

body>
    
  h1>
    页面标题/h1>
    
  p>
    欢迎来到我的网站！/p>
    
  img src="example.png" alt="示例图片">
    
/body>
    

4. h1> - h6> 标签

h1> - h6> 标签用于定义标题的级别，其中 h1> 是最高级别的标题，而 h6> 是最低级别的标题。

h1>
    主要标题/h1>
    
h2>
    次要标题/h2>
    
h3>
    三级标题/h3>
    

5. p> 标签

p> 标签用于定义一个段落。

p>
    这是一个段落。/p>
    

6. a> 标签

a> 标签定义超链接，可以链接到另一个文档或页面上。

a href="https://www.example.com">
    链接到示例网站/a>
    

7. img> 标签

img> 标签用于插入图片。

img src="example.png" alt="示例图片">
    

8. ul> 和 ol> 标签

ul> 标签用于定义无序列表，而 ol> 标签用于定义有序列表。

ul>
    
  li>
    列表项 1/li>
    
  li>
    列表项 2/li>
    
/ul>
    
ol>
    
  li>
    第一项/li>
    
  li>
    第二项/li>
    
/ol>
    

9. div> 标签

div> 标签用于将 HTML 文档分成若干个区块，方便进行样式控制和布局。

div class="box">
    
  h2>
    区块标题/h2>
    
  p>
    这是一个区块。/p>
    
/div>
    

结论

以上是一些常用的 HTML 标签。当然，HTML 还有许多标签没有在本文中列举出来。熟练掌握这些标签的用法，能够快速地构建出美观、结构清晰的网站。同时，使用良好的代码风格和语法规范，能够提高代码的可读性和维护性。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！