第二讲用HTML设置文本和图像 (2).ppt

第2讲 一、文字版面的编辑 ;2.1.1 换行标签br 2.1.2 强制不换行标签nobr 2.1.3 分段控制标签p 2.1.4 原样显示文字标签pre 2.1.5 居中对齐标签center ;2.1.6 引文标签blockquote 2.1.7 水平分隔线标签hr 2.1.8 特殊字符 2.1.9 注释标签 2.1.10 设定网页背景和文字的颜色;2.1.1 换行标签br;nobr标签：把语句强行放在一行中。　在nobr标签中包含的文本不管有多长，总是放在一行中进行显示。 nobr主要用于把那些不适于分开的词和短语放在一行中 如果一行文本长度超过一定的限度，可能会突破右边边框跑到屏幕外面去;作用：用于将文档划分为段落，标记为P/P，其中结束标记符通常可省略。 效果：在浏览器中，不同段落文字间除了换行外，还会以一个空白行加以间隔，以便区别出文字的不同段落。;1．格式： ① p 文字 /p ② 文字 p ③ p align =参数 文字 /p 2．说明： 其中align属性有left、center和right三个参数，这三个设置值将依次把段落文字的水平对齐方式设为左对齐、居中对齐和右对齐。;pre和/pre标签：可保留HTML文件原始的文件排版方式，直接在浏览器中显示出来。 方法是把制作好的那段文本前后分别加上pre和/pre标签。 在预排格式中，仍可以用HTML语言对文字的格式进行设置，如文字的颜色、大小等。;2.1.5 居中对齐标签center;标签blockquote可以用来建立一个引文，它特别适合于较长文本的引用。 引文显示时将会自动右移，左边空出几个格，以示区别。;2.1.7 水平分隔线标签hr;hr标签属性说明;键盘上没有的字符：在HTML文件中，有些字符没办法直接显示出来，比如说“?”。使用特殊字符可以将键盘上没有的字符表达出来 键盘上有但有特殊意义的字符：有些字符在键盘上虽然可以得到，但在HTML中有其特殊的含义，如“”等等，也必须用一些代码表示它们，以免发生混淆。;空格：在建立HTML文件时，若您利用键盘上的空格键，输入数个空格，不论输入的空格有多少个，都将视为一个。因此，如果您想要输入多个空格时，必须利用空格符号nbsp;。;HTML常见特殊字符及其代码表;2.1.9 注释标签;2.1.10 设定网页背景 和文字的颜色;2．说明： （1）通过bgcolor属性可以改变网页的背景颜色，其格式如下： body bgcolor=#nnnnnn或 body bgcolor=颜色名称;（A） 其中#nnnnnn代表六位十六进制数，每两位的取值均是从00～FF，代表ASCII码的00~255，前两位设置红色的深浅，中间两位设置绿色的深浅，最后两位设置蓝色的深浅。 （B） 在指定文字的颜色时，也可以直接使用该颜色对应的英文单词，例如，我们指定背景的颜色为红色，可以表示为： body bgcolor=“Red” 也可以表示为 body bgcolor=“#FF0000”。;暗蓝绿(#006666);（2）background属性指定网页的背景图像。 格式： BODY background=“imageURL” 示例：BODY background=bookback.gif （3）text属性用于指定网页内文字的颜色。 格式：　BODY bgcolor=# text=# 示例：BODY bgcolor=yellow text=red;设置网页背景声音;2.2.1 标题文字标签Hn 2.2.2 文字格式控制标签Font 2.2.3 特定文字样式标签 ;Hn标签用于设置网页中的标题文字，被设置的文字将以黑体、粗体的方式显示在网页中。 1．格式： Hn align=参数 标题文字 /hn;2．说明： ① Hn标签是成对出现的，在Hn和/Hn之间的文字就是文档中的标题。 Hn标签共分六级，其中H1标签所括起的文字是第一级标题，最大最粗；H6标签所括起的文字是最后一级标题，最小最细。 ② align属性用于设置标题的位置。align属性的参数值为left、center或right之一 ③ Hn标签本身具有换行的作用，标题总是从新一行开始。 ④使用标题样式时，必须使用结束标记符。;font标签用于控制文字的字体、大小与颜色。 控制的方式是利用属性设置实现的，各属性的使用功能说明见下表。;*;*;*;*;*;*;*;*;第2讲 二、图像的处理 ;学习目标;矢量图;位图;常用Web图像格式;GIF;JPEG;PNG;BMP图像文件因为存储空间大，传输不够快，所以并不常用,常用的是jpg文件和gif文件。