10 个常用的 HTML 标签-资讯论坛-小武站

10 个常用的 HTML 标签

HTML(超文本标记语言)是构建网页的基础。以下是 10 个最常用且实用的 HTML 标签:

1. <html>

  • 用途:根标签,定义整个 HTML 文档
  • 示例:\
  • <html>
      <!-- 整个HTML内容 -->
    </html>

2. <head>

  • 用途:包含文档的元数据,如标题、样式和脚本
  • 示例
  • <head>
      <title>我的网页</title>
      <meta charset="UTF-8">
    </head>

     

3. <body>

  • 用途:包含网页的所有可见内容
  • 示例
  • <body>
      <h1>欢迎来到我的网站</h1>
      <p>这是一段文本内容</p>
    </body>

     

4. <h1> 到 <h6>

  • 用途:定义标题,h1 是最大的标题,h6 是最小的
  • 示例
  • <h1>主要标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>

     

 

5. <p>

  • 用途:定义段落
  • 示例
  • <p>这是一个段落。HTML会自动在段落前后添加空行。</p>
 

6. <a>

  • 用途:创建超链接
  • 示例
  • <a href="https://www.example.com" target="_blank">访问示例网站</a>

     

7. <img>

  • 用途:插入图像
  • 示例
  • <img src="image.jpg" alt="描述图片内容" width="300" height="200">

     

8. <div>

  • 用途:定义文档中的分区或节,用于布局
  • 示例
  • <div class="container">
      <h1>欢迎</h1>
      <p>这是一个容器</p>
    </div>

     

9. <span>

  • 用途:定义行内元素,用于对文本的一部分进行样式化
  • 示例
  • <p>这是<span style="color: red;">红色</span>的文本。</p>

     

10. <ul> 和 <li>

  • 用途:创建无序列表
  • 示例
  • <ul>
      <li>列表项1</li>
      <li>列表项2</li>
      <li>列表项3</li>
    </ul>

     

 
这些标签是 HTML 的基础,掌握它们可以帮助你创建简单但功能完整的网页。