HTML+CSS+DIV网页设计与布局 作者 聂斌 第2章 网页文字和图片.pptVIP

2.7 小结 本章主要介绍了网页中文字和图片的设置。其中，网页文字的设置详细讲解了文字格式、与文字排版相关的元素以及文字闪烁。图片的设置讲解了图和设置网页背景颜色、如何在网页中插入图片以及如何设置网页背景颜色。 第2章 网页文字和图片 网页的文字是设计一个网页的基础，而网页图片则使网页内容更加的丰富。使用HTML代码来编辑网页文字和图片可以达到在Word软件里设计文档几乎一样的效果。当然，与Word软件相比较起来，使用标签来设计网页文字和图片没有使用菜单来设计Word文档方便，但是正因为网页的这种标签属性，使得网页具有跨平台的特性，可以在任何一种平台上显示。 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 2.1 文字格式 文字格式主要是用一些HTML元素来标记文本的方式，用来更改文字的大小、字体、颜色等属性。另外还能为文本增加如粗体、斜体、上标、下标等修饰效果。 2.1.1 设置文字大小 在HTML里，FONT元素可以用来显示文字的属性，包括文字的大小、颜色、字体等。其中设置文字大小的属性为SIZE，其语法代码如下所示： FONT SIZE=“n”文字/FONT 2.1.2 设置字体 文字可以设置成多种字体，中文的有宋体、仿宋、黑体等，英文字体也有Arial、Times New Roman等，为了保证网页的通用性，HTML的早期版本里是不允许为文字指定字体的，然而从HTML3.2版本开始，可以为网页中的文字指定不同的字体，使得网页的表现形式更为丰富。 1.设置网页字体 设置文字字体使用FONT元素中的FACE属性，其语法代码如下所示： FONT FACE=”字体名称”文字/FONT 2.设置浏览器默认字体 2.1.3 设置字体颜色 如果一个网页不能设置文字字体的颜色，那么这个网页就是黑白的，失去了其缤纷的色彩。使用FONT元素的COLOR属性可以将文字设置成不同的颜色。其语法代码为： FONT COLOR=“颜色”文字/FONT 2.1.3 设置字体颜色 颜色可以有两种表示方法：颜色名称与RGB颜色数值。颜色名称就是类似于RED、BLUE等颜色的英文名。 RGB颜色是由红色、绿色、蓝色的组合来指定的一种颜色，任何一种颜色都可以用0~255之间的一个数值来表示，但必须要使用16进制的数字来表示这些组合。 例如，一种颜色的RGB代码为“#FFC0CB”，这就代表是用强度为FF（也就是255）的红色、强度为C0的绿色与强度为CB的蓝色混合成的颜色，也就是粉红色。 2.1.3 设置字体颜色 几乎所有浏览器都能识别以下16种预定义的颜色：Red（红色）、Yellow（黄色）、Blue（蓝色）、Navy（深蓝色）、Green（绿色）、Lime（浅绿色）、Aqua（浅绿色）、Olive（橄榄绿）、Black（黑色）、Gray（灰色）、Silver（银色）、Maroon（原色）、Purple（紫色）、Fuchsia（紫红色）、Teal（深青色）。 而Internet Explorer浏览器可以识别更多的颜色单词，如下表列出了Internet Explorer 9浏览器所能识别的颜色单词。 2.1.3 设置字体颜色 2.1.3 设置字体颜色 2.1.4 加粗与斜体 通常在进行文字处理时，都会对比较重要的内容使用加粗、斜体来引起读者的注意。在网页上同样可以使用加粗与斜体来达到相同的效果。 在HTML元素中，可以用B元素来加粗文字，用I元素来使文字倾斜。除了B元素与I元素之外，还可以使用STRONG元素来加粗文字、EM元素来使文字倾斜的。其语法代码如下 ： B加粗的文字/B I倾斜的文字/I STRONG加粗的文字/STRONG EM倾斜的文字/EM 2.1.5 下划线与删除线 在有些时候希望文字带下划线显示，例如要对一些文字说明，可以使用下划线元素突出显示。删除线一般在修改文章的时候常常用到，表示原来的这部分文字被删除了。 1.被反对使用的元素 在HTML的早期版本里，使用STRIKE元素来标注带有删除线的文字，使用U元素来标注带有下划线的文字。 2.1.5 下划线与删除线 2.被赞成使用的元素 HTML从4.0版本开始，正式使用了两个新元素：DEL元素（删除线）和INS元素（插入线）来替代STRIKE元素与U元素，不过他们在浏览器里的显示结果都是一样的。 删除线与下划线元素的语法代码如下所示： STRIKE删除线/STRIKE U下划线/U DEL删除线/DEL INS插入线/INS 2.1.6 上标与下标 在描述一些复杂的表达式时，特别是一些数学公式，经常会用到上标和下标，例如3的平方（32）。在HTML页面中，上标采用