接下来,我们将完成网页设计与制作第二版的新视角解析这一页面的制作:首先,我们需要创建一个新的空白文档,并输入基础代码,这里不再详细展开。
在文档中,我们要修改标题为“网页设计与制作第二版 新视角解析”,您可以在上方效果图中发现“Web设计的发展历程与未来趋势”的文字较大且加粗,要实现这种效果,我们需要学习一个新的标签:<h1>
在<body></body>之间输入如下代码:
<h1>Web设计的发展历程与未来趋势</h1>
保存并打开浏览器查看,哇!标题字体大小顿时有所增强。这是因为<h1>标签可以定义标题!
然而……标题似乎还是有点太大?没关系,除了<h1>外,我们还有其他选择:<h2><h3><h4><h5><h6>,这六个标签可以从大到小进行选择。
总结:<h1>到<h6>标签均可定义标题。
因此,请使用相应的标签来设定标题的层级。
- <h1>定义最大的标题。
- <h6>定义最小的标题。
第二步,在大标题下还有一行小字,不要遗漏。当我们输入<p>/</p>时,发现文字的大小和颜色与效果图不符。
那么,我们可以在<p>标签内加入<font>标签,并设置属性:
<p><font size="2" color="#545454"></font></p>
这样一来,文字的颜色和大小就变得一致了。这是因为<font>标签决定了文本的字体、尺寸、颜色。
- size:设置字体尺寸,取值范围为1至7。
- color:设置字体颜色,可使用相应的代码表示。
仔细观察上面图片中的第二个<p>标签后面出现的这句话:“<!–当两位代码相同时,可以简写为#f–>”,但它在浏览器中没有显示出来。这个“<!– –>”称为注释标签,用于在源代码中添加注释。
注释不会在浏览器中显示。您可以利用注释对代码进行说明,这样做有助于您在未来对代码的编辑。
特别是当编写大量代码时,注释尤其有用。
例如:<!--这是注释,不会出现在浏览器-->
总结:<font>标签用于改变文字显示效果,请善用注释标记,<!---->未完待续。