
上QQ阅读APP看书,第一时间看更新
1.3 HTML常用标签
1.3.1 文本

V1-8 文本标记
上节实例中,虽然浏览器显示了一段文本,但是这段文本看上去非常平淡,没有任何美观可言。本节内容将美化这段文本,同时介绍HTML中最常见的文本处理标签和属性。
以如下代码为例。

上述代码中的标签及属性简单的说明如下。
(1)<font>,表示格式化文本内容的字体大小、颜色和字体名称。其中,size属性表示字体大小,默认页面显示的字体大小为3,此处将其设为5,可以明显看得出来字体会变得更大。face表示字体名称,只要是操作系统里面存在的字体,都可以使用。color表示颜色,颜色可以有两种表示方式,一种是使用表示颜色的英文单词,另一种是直接使用#后面跟6位16进制的数来更加精确地表示RGB的混合比例。RGB即Red、Green、Blue三原色,根据三者的不同比例可以混合出不同的颜色。
(2)<h1>~<h6>,表示文本内容标题,依次从大到小。
(3)<i>表示斜体,<b>和<strong>表示粗体,<p>表示包含一个段落,会自动换行。
(4)有的标签后面使用了<br/>这个标签,这个标签是一个特殊标签,表示让浏览器显示内容时强制换行。虽然在开发HTML源文件时是换行的,但是由于HTML页面的内容全部必须使用标记来处理,会忽略编辑器里面的换行符,所以换行符也得使用标签。
经过上述设置后再用浏览器打开网页,就可以看到各种格式的文本内容,如图1-14所示。
文本是构成网页的四大核心元素之一,网页设计中很多标签都是为了修饰文本而设置的。不过在HTML5的标准中已经不再建议使用<font>标签,而是用CSS样式表来取代。