基本的 HTML 标签

本章向您讲解 HTML 标签的概念，通过实例向您演示最常用的 HTML 标签。

提示：不要担心本章中您还没有学过的例子，您将在下面的章节中学到它们。

提示：学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器，您可以任意编辑一段 HTML 源码，然后单击 TIY 按钮来查看结果。

什么是 HTML 标签

  • HTML 文档和 HTML 元素是通过 HTML 标签进行标记的
  • HTML 标签由开始标签和结束标签组成
  • 开始标签是被括号包围的元素名
  • 结束标签是被括号包围的斜杠和元素名
  • 某些 HTML 元素没有结束标签，比如 <br />

注释：开始标签的英文翻译是 start tag 或 opening tag，结束标签的英文翻译是 end tag 或 closing tag。

HTML 标题

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

实例

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

亲自试一试

HTML 段落

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

实例

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

亲自试一试

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

实例

<a href="http://www.lccee.com/lccee-10.html">This is a link</a>

亲自试一试

注释：在 href 属性中指定链接的地址。

（您将在本教程稍后的章节中学习更多有关属性的知识）。

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

实例

<img src="web.jpg" width="104" height="142" />

亲自试一试

注释：图像的名称和尺寸是以属性的形式提供的。

成品网站超市图标