部分文字版面的编辑.ppt

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