基本的 HTML 标签

本章介绍最基础的4个html标签,学习html的最好方法就是 理论+实践,边学边练才能更快掌握。你可以用本站在线编辑器来随意编写一段代码,运行查看结果。


HTML 标题

HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

  1. <html>
  2. <body>
  3. <h1>这是标题1</h1>
  4. <h2>这是标题2</h2>
  5. <h3>这是标题3</h3>
  6. <h4>这是标题4</h4>
  7. <h5>这是标题5</h5>
  8. <h6>这是标题6</h6>
  9. <p>h1-h6默认字体依次变小,你也可以使用style属性和css样式表来改变标签的字体大小。</p>
  10. </body>
  11. </html>

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

  1. <html>
  2. <body>
  3. <p>这是段落1。</p>
  4. <p>这是段落2。</p>
  5. <p>这是段落3。</p
  6. </body>
  7. </html>

HTML 链接

HTML 链接是通过 <a> 标签进行定义的,在 href 属性中指定链接的地址。

  1. <html>
  2. <body>
  3. <a href="https://www.cankaoshouce.com">这是一个链接</a>
  4. </body>
  5. </html>

HTML 图像

HTML 图像是通过 <img> 标签进行定义的,图像的名称和尺寸是以属性的形式提供的。

  1. <html>
  2. <body>
  3. <img src="/logo.jpg" width="300" height="120" />
  4. </body>
  5. </html>