《文字版面的编辑》PPT课件.ppt

第2章 文字版面的编辑,2.1 页面布局 2.2 字体属性,上一页,下一页,目 录,结 束,本 节,2.1 页面布局,2.1.1 换行标签br 2.1.2 强制不换行标签nobr 2.1.3 自动换行标签wbr 2.1.4 分段控制标签p 2.1.5 原样显示文字标签pre 2.1.6 居中对齐标签center 2.1.7 引文标签blockquote 2.1.8 水平分隔线标签hr 2.1.9 署名标签address 2.1.10 特殊字符 2.1.11 注释标签 2.1.12 设定网页背景和文字的颜色,上一页,下一页,目 录,结 束,本 节,2.2.1 标题文字标签hn 2.2.2 文字格式控制标签font 2.2.3 特定文字样式标签,2.2 字体属性,上一页,下一页,目 录,结 束,本 节,2.1.1 换行标签br,换行标签是个单标签，HTML文件中任何位置只要使用了标签，当文件显示在浏览器中时，该位置之后的文字将显示于下一行。 在一般的文本文件中，只要按下键盘上的回车键便会产生一个换行符，使文本文件中的文字换行显示。但是在HTML文件中，由回车键所产生的换行符，在浏览器中并不会视为换行符号。因此，若要将某位置后的文字显示于下一行时，必须在该位置使用标签，才能达到换行的效果。,上一页,下一页,目 录,结 束,本 节,HTML除了使用标签进行换行以外，还可以使用标签把语句强行放在一行中。在标签中包含的文本不管有多长，总是放在一行中进行显示。主要用于把那些不适于分开的词和短语放在一行中，但是，如果一行文本长度超过一定的限度，可能会突破右边边框跑到屏幕外面去，这会给阅读带来某些困难，所以在使用标签时要格外注意 。,2.1.2 强制不换行标签nobr,上一页,下一页,目 录,结 束,本 节,标签也是一个换行标签，但它不同于和，标签规定了文本在该处强制换行，是把语句强制放在一行中，则是根据屏幕的宽度，选择适当的地方换行，把其余的文本放到下一行进行显示。如果一行内容能够在屏幕上显示完整，就不起作用了，它将被忽略掉。,2.1.3 自动换行标签wbr,上一页,下一页,目 录,结 束,本 节,由标签所标识的文字，代表同一个段落的文字。在浏览器中，不同段落文字间除了换行外，还会以一个空白行加以间隔，以便区别出文字的不同段落。它可以单独使用，也可以成对使用。 1格式： 文字 文字 align = 文字 2说明： 其中align属性有left、center和right三个参数，这三个设置值将依次把段落文字的水平对齐方式设为左对齐、居中对齐和右对齐。,2.1.4 分段控制标签p,上一页,下一页,目 录,结 束,本 节,要将HTML文件中的文字编排方式，通过浏览器显示时，保留原始的文件排版方式，就需要通过标签来实现。方法是把制作好的那段文本前后分别加上 和标签，即可使浏览器显示文件原始的排版方式。,2.1.5 原样显示文字标签pre,上一页,下一页,目 录,结 束,本 节,2.1.6 居中对齐标签center,文本在页面上中使用标签进行居中控制，是一个成对标签，在想居中的文本部分开头处加，结尾处加即可。,上一页,下一页,目 录,结 束,本 节,标签可以用来建立一个引文，它特别适合于较长文本的引用。引文显示时将会自动右移，左边空出几个格，以示区别。,2.1.7 引文标签blockquote,上一页,下一页,目 录,结 束,本 节,2.1.8 水平分隔线标签hr,有时候，我们想在网页中生成一条水平分隔线，将不同的内容信息分开，使文字看起来清晰、明确，这时可以使用标签来达到此目的。 标签是单独使用的标签，它的作用是换行并在该行下画一条横线，横线的上下两端都会留出一定的空白。 通过给标签设置一定的属性，可以使它具有更强的功能。标签的属性有size、width和align。下表为控制标签所建立的水平分隔线样式的属性说明。 说明：如果采用百分比为单位来设定水平分隔线的宽度，其百分比值可随窗口的大小变化而改变，相对比例保持不变。,上一页,下一页,目 录,结 束,本 节,标签属性说明,上一页,下一页,目 录,结 束,本 节,2.1.9 署名标签address,在浏览网页时经常能看到，在网页的下部常有签名或地址，说明这个网页是由谁或由哪个公司编写的，以及其他有关信息。假若希望得到更多的反馈信息，署名对制作者来说是很有用的。署名标签是，在标签之间的文字显示效果是斜体字。,上一页,下一页,目 录,结 束,本 节,在HTML文件中，有些字符没办法直接显示出来，比如说“”。使用特殊字符可以将键盘上没有的字符表达出来，而有些字符在键盘上虽然可以得到，但在HTML中有其特殊的含义，如“”等等，也必须用一些代码表示它们，以免发生混淆。 在建立HTML文件时，若您利用键盘上的空格键，输入数个空格，不论输入的空格有多少个，都将视为一个。因此，如果您想要输入多个空格时，必须利用空格符号。 常见特殊字符的代码见下表 ：,2.1.10 特殊字符,上一页,下一页,目 录,结 束,本 节,HTML常见特殊字符及其代码表,上一页,下一页,目 录,结 束,本 节,2.1.11 注释标签,如果想方便地在HTML中查找和记忆有关文件的内容和标识，则可以在HTML文件中加入注释，放在注释中的文本在屏幕上是不出现的。在文件ex2-11.html的源代码中可以看到注释，但在浏览器中却看不到。 注释标签的格式有两种： ,上一页,下一页,目 录,结 束,本 节,2.1.12 设定网页背景和文字的颜色,HTML文件的主体将定义于标签中，也就是网页的主要内容，并依照各种HTML标签的控制，将这些内容显示在浏览器的窗口中。设置在标签内的属性，可控制整个页面的显示方式。 1格式： 2说明： background属性将在以后章节进行讲解。 通过bgcolor属性可以改变网页的背景颜色，其格式如下： 或 ,上一页,下一页,目 录,结 束,本 节,其中#nnnnnn代表六位十六进制数，每两位的取值均是从00FF，代表ASCII码的00255，前两位设置红色的深浅，中间两位设置绿色的深浅，最后两位设置蓝色的深浅。 在指定文字的颜色时，也可以直接使用该颜色对应的英文单词，例如，我们指定背景的颜色为红色，可以表示为： 也可以表示为。为了便于记忆，建议读者直接用相应的英文单词指定颜色。bgcolor属性的参数值可以是下表所示16种颜色中的任何一种。,上一页,下一页,目 录,结 束,本 节, text属性用于指定网页内文字的颜色。,上一页,下一页,目 录,结 束,本 节,标签用于设置网页中的标题文字，被设置的文字将以黑体、粗体的方式显示在网页中。 1格式： align= 标题文字 2说明： 标签是成对出现的，夹在和之间的文字就是文档中的标题。标签共分六级，其中标签所括起的文字是第一级标题，最大最粗；标签所括起的文字是最后一级标题，最小最细。 align属性用于设置标题的位置。align属性的参数值为left、center或right之一，分别表示标题位于浏览器窗口的左侧、中间和右侧。 标题文字具体有多大则因浏览器的不同而不同。 标签本身具有换行的作用，标题总是从新一行开始。,2.2.1 标题文字标签hn,上一页,下一页,目 录,结 束,本 节,font标签用于控制文字的字体、大小与颜色。控制的方式是利用属性设置实现的，各属性的使用功能说明见下表。 font标签的属性,2.2.2 文字格式控制标签font,上一页,下一页,目 录,结 束,本 节,1格式： 文字 2说明： face属性的格式为： 文字 若face属性所指定的字体名称，并不存在于用户的系统时，将使用默认的字体。 size属性的取值为17，默认值为3；同时，也可以用“+”或“”来设定字号的相对值。 color属性的格式为： 或,上一页,下一页,目 录,结 束,本 节,在有关文字的显示中，常常会使用一些特殊的字型或字体来产生一定的强调、突出、区别以及提示等效果。HTML中用于这种功能的标签可以分为两类：物理类型和逻辑类型。 1物理类型 粗体b标签 放在与标签之间的文字将以粗体方式显示。 斜体i标签 放在与标签之间的文字将以斜体方式显示。 下划线u标签 放在与标签之间的文字将以加下划线的方式显示。,2.2.3 特定文字样式标签,上一页,下一页,目 录,结 束,本 节,2逻辑类型 逻辑类型是指使用一些标签来改变字体的形态和式样，以便产生一些公众习惯的或约定俗成的显示效果。常用的逻辑类型标签有八种，这些标签均有首标签和尾标签，放在首标签和尾标签之间的文本受其控制： （Emphasis）标签：用于强调的文本，以区别于其他文本，一般显示斜体字,与相似； 标签：用于特别强调的文本，显示粗体字，与相似； （Citation）标签：用于引证、举例，通常是斜体字； 标签：用来指出这是一组代码；,上一页,下一页,目 录,结 束,本 节