资源描述
第2章文字版面的编辑,2.1页面布局2.2字体属性,上一页,下一页,目录,结束,本节,2.1页面布局,2.1.1换行标签br2.1.2强制不换行标签nobr2.1.3自动换行标签wbr2.1.4分段控制标签p2.1.5原样显示文字标签pre2.1.6居中对齐标签center2.1.7引文标签blockquote2.1.8水平分隔线标签hr2.1.9署名标签address2.1.10特殊字符2.1.11注释标签2.1.12设定网页背景和文字的颜色,上一页,下一页,目录,结束,本节,2.2.1标题文字标签hn2.2.2文字格式控制标签font2.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）标签：用于引证、举例，通常是斜体字；标签：用来指出这是一组代码；,上一页,下一页,目录,结束,本节,标签：规定文本以小号字显示；标签：规定文本以大号字显示；（Sample）标签：显示一段计算机常用的字体，即宽度相等的字体；（Keyboard）标签：由用户所输入文本，通常显示较粗的宽体字；（Variable）标签：用来表示变量，通常显示斜体字；（Definition）标签：表示一个定义或说明，通常为斜体字；标签：用来表示带有上标的变量；标签：用来表示带有下标的变量。,
展开阅读全文