WEB网页文字和图片.ppt

《WEB网页文字和图片.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第2章网页文字和图片网页的文字是设计一个网页的基础，而网页图片则使网页内容更加的丰富。使用HTML代码来编辑网页文字和图片可以达到在Word软件里设计文档几乎一样的效果。当然，与Word软件相比较起来，使用标签来设计网页文字和图片没有使用菜单来设计Word文档方便，但是正因为网页的这种标签属性，使得网页具有跨平台的特性，可以在任何一种平台上显示。2.1文字格式文字格式主要是用一些HTML元素来标记文本的方式，用来更改文字的大小、字体、颜色等属性。另外还能为文本增加如粗体、斜体、上标、下标等修饰效果。2.1.1设置文字大小在HTML里，

2、ONT>元素可以用来显示文字的属性，包括文字的大小、颜色、字体等。其中设置文字大小的属性为SIZE，其语法代码如下所示：文字2.1.2设置字体文字可以设置成多种字体，中文的有宋体、仿宋、黑体等，英文字体也有Arial、TimesNewRoman等，为了保证网页的通用性，HTML的早期版本里是不允许为文字指定字体的，然而从HTML3.2版本开始，可以为网页中的文字指定不同的字体，使得网页的表现形式更为丰富。1.设置网页字体设置文字字体使用元素中的FACE属性，其语法代码如下所示：

3、TFACE=”字体名称”>文字2.设置浏览器默认字体2.1.3设置字体颜色如果一个网页不能设置文字字体的颜色，那么这个网页就是黑白的，失去了其缤纷的色彩。使用元素的COLOR属性可以将文字设置成不同的颜色。其语法代码为：文字2.1.3设置字体颜色颜色可以有两种表示方法：颜色名称与RGB颜色数值。颜色名称就是类似于RED、BLUE等颜色的英文名。RGB颜色是由红色、绿色、蓝色的组合来指定的一种颜色，任何一种颜色都可以用0~255之间的一个数值来表示，但必须要使用16进制

4、的数字来表示这些组合。例如，一种颜色的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（

5、深青色）。而InternetExplorer浏览器可以识别更多的颜色单词，如下表列出了InternetExplorer9浏览器所能识别的颜色单词。2.1.3设置字体颜色2.1.3设置字体颜色2.1.4加粗与斜体通常在进行文字处理时，都会对比较重要的内容使用加粗、斜体来引起读者的注意。在网页上同样可以使用加粗与斜体来达到相同的效果。在HTML元素中，可以用元素来加粗文字，用元素来使文字倾斜。除了元素与元素之外，还可以使用元素来加粗文字、元素来使文字倾斜的。其语法代码如下：加粗的文字

6、>倾斜的文字加粗的文字倾斜的文字2.1.5下划线与删除线在有些时候希望文字带下划线显示，例如要对一些文字说明，可以使用下划线元素突出显示。删除线一般在修改文章的时候常常用到，表示原来的这部分文字被删除了。1.被反对使用的元素在HTML的早期版本里，使用元素来标注带有删除线的文字，使用元素来标注带有下划线的文字。2.1.5下划线与删除线2.被赞成使用的元素HTML从4.0版本开始，正式使用了两个新元素：元素（删除线）和元素（插入线）来

7、替代元素与元素，不过他们在浏览器里的显示结果都是一样的。删除线与下划线元素的语法代码如下所示：删除线下划线删除线插入线2.1.6上标与下标在描述一些复杂的表达式时，特别是一些数学公式，经常会用到上标和下标，例如3的平方（32）。在HTML页面中，上标采用_{元素，下标采用^{元素。其具体语法是：作为上标的文字作为下标的文字2.1.7等宽字等宽字体一般是针对英文字体而言的，}}

8、所谓等宽就是像打字机文本一样的字体，在默认情况下，这种字体是Courier字体。在HTML中的元素可以用来设置等宽字体。使用“”标签表明标注的文字为类似打印机文本（t