接下来是完成页面制作的第二步：学习HTML与CSS网站制作的基本技巧。
首先，建立一个空白文档，并输入基础代码，这里不再赘述。然后，我们着手构建页面的核心结构。修改标题为“深入了解HTML与CSS”，在上方效果图可以看到这个标题显得非常醒目，要达到这种效果，我们需要掌握一个新标签：<h1>。
将以下代码写入 <body> 标签内部：
<h1>深入了解HTML与CSS</h1>
保存文档后，打开浏览器预览：哇！这字的大小明显比前面学习的 <p> 标签要大得多。这是因为 <h1> 标签可以定义标题！
然而……标题似乎有点大了？不用担心，因为除了 <h1>，我们还有 <h2>, <h3>, <h4>, <h5>, 和 <h6> 这六个标签，它们从大到小排列，可供选择。
总结一下：
<h1>与<h6>标签可定义标题。- 使用
<h1>定义最大标题。 - 使用
<h6>定义最小标题。
接下来，在大标题下方还有一行小字，注意不要遗漏了。当我们输入以下代码：
<p>HTML与CSS是构建现代网页的基础。</p>
却发现字号和效果图中的显示不一致，颜色也不对。那么尝试在 <p> 标签中加入 <font> 标签，并设置属性：<p><font size="2" color="#545454">/font></p>。
这样做后，感觉是不是和效果图几乎一模一样了！这是因为 <font> 标签规定了文本的字体、字体尺寸、字体颜色。
size: 设置字体尺寸，取值范围是 1 到 7。color: 设置字体颜色，该属性可以有多个预定义值或者其他自定义的CSS代码（如示例中的 hex 颜色代码）。
仔细观察上面的图片，在第二个 <p> 标签后面，有一句话：“<!--当两位代码相同时，可以简写为#f-->”，但是这句话没有出现在浏览器中。这是因为 <!--> 是注释标签，用于在源代码中插入注释。注释不会显示在浏览器中。
您可以使用注释对您的代码进行解释，这样做有助于您在以后的时间里编辑代码。特别是当您编写了大量代码时，注释尤其有用。
例如：
<!--这是注释，不会出现在浏览器-->
总结一下：
<font>标签用于改变字体。- 请善于使用注释
<!-->，它们在源码中提供有用的解释信息。
在网站制作过程中，掌握这些基础标签和属性是至关重要的。接下来，继续探索HTML与CSS的世界吧！