创建您的第一个HTML元素

在HTML中，有两个重要的元素类别：块级元素和内联元素。

• 块级元素在页面上形成可见块。块级元素将在其前面的内容之后的新行中显示。块级元素之后的任何内容也会出现在新行中。块级元素通常是页面上的结构元素。例如，块级元素可能表示标题，段落，列表，导航菜单或页脚。一个块级元素不会嵌套在一个内联元素内，但是可能会嵌套在另一个块级元素内。
• 内联元素包含在块级元素中，并且仅包围文档内容的一小部分（而不是整个段落或内容分组）。内联元素不会导致新行出现在文档中。它通常与文本一起使用，例如，<a>元素创建超链接，而元素例如<em>或<strong>创建强调。

考虑以下示例：

<em>first</em><em>second</em><em>third</em>

<p>fourth</p><p>fifth</p><p>sixth</p>

<em>是一个内联元素。如下所示，前三个元素位于同一行上，中间没有空格。另一方面，<p> 是块级元素。每个p元素都显示在新行中，上方和下方都有空格。（该间距是由于浏览器适用于段落的默认CSS样式所致。）

并非所有元素都遵循开始标签，内容和结束标签的模式。有些元素由单个标签组成，通常用于在文档中插入/嵌入某些内容。例如，该<img>元素将图像文件嵌入到页面上：

<img src="https://raw.githubusercontent.com/mdn/beginner-html-site/gh-pages/images/firefox-icon.png">

这将输出以下内容：

元素也可以具有属性。属性看起来像这样：

属性包含有关元素的额外信息，这些信息不会出现在内容中。在此示例中，class属性是用于使用样式信息将元素作为目标的标识名称。

属性应具有：

• 它和元素名称之间的空格。（对于具有多个属性的元素，属性也应使用空格分隔。）
• 属性名称，后跟等号。
• 属性值，用左引号和右引号引起来。

元素的另一个示例是<a>。这代表锚点。锚点可以使包含在其中的文本成为超链接。锚点可以采用多种属性，但其中一些如下：

• href：此属性的值指定链接的网址。例如：href="https://www.mozilla.org/"。
• title：该title属性指定有关链接的其他信息，例如所链接页面的描述。例如，title="The Mozilla homepage"。当光标悬停在元素上时，这将显示为工具提示。
• target：该target属性指定用于显示链接的浏览上下文。例如，target="_blank"将在新选项卡中显