【网页设计】【HML+CSS】【第3章 字体标记】.pdfVIP

·27 · 第3章 字体标记 字体标记在网页中常常会用到，如一个标题字体需要设置特大字体且颜色是红色、字 体类别使用宋体、楷体等。在 HTML 中有其字体标记，用来修饰文字字体方面属性，使文 字显得更丰富。本章所学习的正好是应用非常广的字体，将要学习本本章前，会学习以下 方面内容： 设置字体大小 字体颜色 设置标题字体 物理字体 逻辑字体 字体实例手把手 3.1 设置字体大小 字体的大小，在网页中常常可以看到，有的新闻网站为了满足不同年龄的读者浏览， 有三种不同字体大小供选择，12 像素、14 像素和 16 像素，默认的都会是 14 像素大小。这 样看起来舒服，适合大部分读者浏览，如老年人可能会选择大点的字体。现在来学习如何 设置字体大小。 合理的字体大小为网页增加不少装饰，更是一种美的感受。字体的语法为： font要放的文字/font 这只是在字体上的标记，以后的学习是在font里面加一部分属性，也就达到对字体设 置的效果了。现在来学习字体大小。设置字体大小的语法代码是： font size=1HTML+CSS 完全自学手册/font 关键部分就是 size，表示大小。等于后面的参数是有规定的，参数是从 1 到 7 的任意一 个数，数越大字体也就越大。现在对字体大小从 1 到 7 编排，如代码 3.1 所示。 代码 3.1 源代码\第 3 章\字体大小编排.html html head title标题字体大小/title /head body !—注解：以下是不同的文本字体的大小- !—下一行表示文本字体为 1-- font size=1HTML+CSS 完全自学手册/font ·28 · br !—下一行表示文本字体为 2-- font size=2HTML+CSS 完全自学手册/font br font size=3HTML+CSS 完全自学手册/font br font size=4HTML+CSS 完全自学手册/font br font size=5HTML+CSS 完全自学手册/font br font size=6HTML+CSS 完全自学手册/font br !—下一行表示文本字体为 7-- font size=7HTML+CSS 完全自学手册/font /body /html 上面代码是从字体最小的递增到字体最大的，中间文字都一样。不知读者是否发现， 每设置一行字体后都会带br ，方便比较。页面中显示换行后总保持从行头开始，效果如 图3.1 所示。 图3.1 标题字体大小 3.2 设置字体颜色 通常在网页中看到的五彩缤纷的字体，有清醒一点的、有淡薄一点的，颜色搭配好了， 用户从视觉上认可该网页，这样才有可能继续读下去。字体颜色的语法简单易学，是由 color 表示，语法形式如下： font color=””/font 标签font 中的参数 color 后面可以接 RGB 颜色值，如#000000 。也可以用颜色的单词 ·29 ·