元素，它包裹了社交媒体链接（socialmedialinks）的内容，背景颜色设置为橙色。我们的第一个想法是将类属性值设置为橙色。那么，如果我们接下来将橙色背景更改为蓝色呢？这时候橙色的属性值就没有意义了。一个更明智的选择是将class属性值设置为social，它表示

很快我们将编写HTML中的精华。

上面代码中的HTML和CSS注释如果有感叹号，则不是元素，而是HTML注释。HTML和CSS都可以在代码中添加注释，注释中的内容不会显示在页面上。注释帮助我们保持代码井井有条，允许我们设置提醒，并为我们提供一种更有效的方式来管理我们的代码。当多人编辑一个文件时，注释变得非常有用。HTML注释以结尾，CSS注释以/*开头，以*/结尾。基于文本的元素虽然有许多不同形式的在线媒体和内容，但文字是最重要的。因此，页面上有很多用于排版文本的元素。现在我们将添加一些更常用的元素，包括标题、段落、粗体表示重要性和斜体表示强调。标题标题是块元素，它们有六个级别，

到

。标题有助于快速分解内容并建立层次结构。它们是用户阅读页面的关键标识。它们还帮助搜索引擎索引和分析页面内容。在页面上按顺序使用标题。页面或部分的主标题应使用

元素，然后根据需要使用

、

、

、

和

元素。每个级别的标题元素都应该在适合其语义的地方使用，它不应该纯粹用于使文本变粗或变大——有更好的方法来做到这一点。以下是不同级别的标题元素示例：

HeadingLevel1

HeadingLevel2

HeadingLevel3

HeadingLevel4

5级标题

6级标题

段落标题后通常跟有段落。段落用

元素定义。段落可以根据需要在页面上一个接一个地显示。以下是段落示例：

史蒂夫·乔布斯(SteveJobs)是Apple的联合创始人和长期首席执行官。2005年6月12日，史蒂夫在斯坦福大学的毕业典礼上发表演讲。

在他的演讲中，史蒂夫敦促毕业生们追随自己的梦想，尽管遇到任何挫折，永不放弃——他真诚地铭记在心的建议.

要加粗和强调带有粗体文本的文本，我们可以使用内联元素。我们有两个元素来加粗文本：和元素。理解它们的语义非常重要。元素的语义是强调文本的重要性，因此它是粗体文本最常用的元素。没有特殊的语义，只是改变了文本的样式，所以在突出文本的重要性方面并不是最好的选择。我们可以根据自己的需要选择合适的元素。下面是一个包含两个元素的粗体文本示例：

警告：落石。

此食谱需要bacon和baconnaise。

用em渲染斜体要强调斜体文本，您可以使用内联元素。和粗体文本一样，有两种类型的元素可以变成斜体，它们也有不同的语义。的语义是强调重要的文本，因此它是最常用的斜体元素。而另一个元素，语义是用音调代替语音或文字，类似于把它放在引号里。我们可以根据自己的需要选择合适的元素。这是一个斜体示例：

我爱Chicago！

名字Shay表示礼物。

创建结构长期以来，我们使用

进行页面布局，但是

本身没有特殊的语义，很难确定这些div的作用。现在HTML添加了许多新的结构元素，包括

、