《零点起飞学html+css之网站中的文本样式》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章网站中的文本样式标签一个网站是由文字、图片、视频、音频等元素组成的。而且文字是网站构成和表现网站的重要元素。通过文字浏览者可以看到网站所要传达的信息和所需的信息。一个好的网站，文字样式的设置是非常重要的，它直接影响网站的整体效果。3.1设置标题字体标题是一段内容的简介。通过标题，我们就可以了解文章内容所要表达的重点，所以标题是网站中的必要部分。有了标题后，为了可以吸引到更多的浏览者阅读网站内容，就得对标题字体做出修饰，使标题更明显和漂亮，更容易被浏览者注意到。3.1设置标题字体标题字体标签是以几种固定的字号来显示标题。它的设置是通过来实现的，将要显示的标题文字包含在和

2、>里面即可。其语法结构如下所示。标题文字3.1设置标题字体使用

可以用来区分标题的大小。通常情况下，默认第一个标题为

，其字体是最大的，当后面多增加一个标题，后面的标题字体就会变小，依此类推。3.2设置网页文字样式标题字体定义完，就要开始定义网页中文字的样式，标签是专门定义网页文字的标签。它可以定义文字的字体、字号、颜色等属性。在这一节将详细讲解标签里的字体大小和字体风格。3.2.1设置文本大小设置字体大小可以使用标签里的属性，<

3、size>属性用来设定文本字号，取值范围是1~7。其语法结构如下所示。文本内容3.2.2设置文本字体标签中的属性是用来设定文本所使用的字体，它和标签一样都是写在里面的。通过设置不同的字体，可以使网站更加漂亮，更加的吸引浏览者。其语法形式如下所示。文本内容3.3文本布局标签一个网页中的文本不仅要设置好它的样式，还要对文本进行布局。通过对文本的布局来达到网站内容的清晰整洁的效果。做好文本布局，可以让浏览者更好的接受网站

4、的内容。这一节将学习常用的文本布局标签。3.3.1缩进标签

是段落缩进标签，用来对文本内容的缩进。

标签是对一整段内容的缩进，而不是首行的缩进，它会在整段的左右两边都进行缩进。其语法结构如下所示。

一段文本内容

3.3.2保留格式标签

标签可定义预格式化的文本，用来保留文本中空格和换行。就算在代码中不使用空格和换行的标签，而是手动对它进行空格和换行，浏览器显示出来的效果也和代码中的效果相同。其语法如下所示。
文本内容
5、re>3.3.3使用内联行内联行是在不改变原来格式的情况下，对放在内容里的某些字进行修饰，或对内容中某些段落的修饰。其语法结构如下所示。内容3.4基于物理样式的文本标签物理样式，是指标签本身就说明了所修饰文字的效果的样式。使用物理样式的好处是，浏览器会严格遵照标签的样式显示文本。因此在不希望浏览器改变样式的情况下就可以使用物理样式来设置文本内容。3.4.1加粗标签加粗标签就是把正常显示的字体表现为比较粗比较明显的的字体。通常需要强调的文字，会使用粗体来表现。其语法
6、结构如下所示。加粗文字3.4.2斜体标签斜体就是把正常显示的字体表现为偏斜的字体。通常需要强调的文字，也会以斜体来表现，来达到想要的强调的效果。其语法结构如下所示。斜体文字3.4.3下划线标签/下划线标签就是在文字下增加一条细线，对文字进行标记，以区别于其他的文字。其语法结构如下所示。需要标注下划线的文字3.4.3下划线标签/标签是对文字进行标记，让其显示出下划线的效果。对比于标签，定义不同，而显示的效果是相同的。语
7、法形式如下所示。需要标注下划线的文字3.4.3下划线标签/和标签不同的是标签多出了两个属性值：cit和datetime。这两个属性值只是为了让设计师在代码里可以很容易看到其修改的详细信息，在效果上体现不出这两个属性值的效果。cit属性指出原文档或者信息的链接，该属性通常用来指出这篇文章在此处被改动的原因。datetim