搜索
网站本地化技术授课班级:10专升本机翻主讲：夏多芬本节安排页面的主体标记-bodybody元素的常用属性文字的修饰标记课堂练习小结字体标记font不换行标记nobrnobr标记中强制换行标记wbr预格式化标记pre居中标记center缩排标记blockquote课堂练习页面的主体标记-body网页的主体部分位于body/body这两个标记之间，包括页面中的所有内容，如文字、图片、链接、表格、表单等。body作为一个标记，有许多相关的属性。比如，网页的标题、网页颜色、背景图片等设置。body元素的常用属性属性描述text设定页面文字的颜色bgcolor设定页面背景的颜色background设定页面的背景图像bgproperties设定页面的背景图像为固定，不随页面的滚动而滚动link设定页面默认的链接颜色alink设定鼠标正在单击时的链接颜色vlink设定访问过后的链接颜色topmargin设定页面的上边距leftmargin设定页面的左边距文字颜色属性text在没有对文字进行单独定义颜色的时候，这个属性将对页面中所有的文字产生作用。基本语法bodytext=“颜色值”代码举例bodytext=“#0000FF”设定页面的文字颜色为蓝色/body范例效果背景颜色属性bgcolor用来设定整个页面的背景颜色。基本语法bodybgcolor=“颜色值”代码举例bodytext=#FFFFFFbgcolor=#336699设定页面的文字颜色为白色，背景颜色为蓝色。/body范例效果背景图像属性background页面中可以使用JPG或gif等图片来表现，这些图片可以作为页面的背景图。通过body标记中的background属性引用的背景图像，位于网页的最底层，文字和图片等位于它的上。默认情况下，背景图片在水平和垂直方向上重复出现，直到铺满网页。基本语法bodybackground=“图片路径及名称”代码举例bodybackground=“bg1.gif”text=“#FFFFFF”设定页面的文字颜色为蓝色/body范例效果背景图像固定属性bgproperties在默认的情况下，如果页面的内容较长，当拖动浏览器滚动条的时候，背景会随着文字内容的滚动而滚动。所谓图像固定，是指不论浏览器的滚动条如何拖动，背景都永远固定在相同的位置，并不会随着文字滚动而滚动。背景图像固定属性bgproperties基本语法bodybgproperties=fixed代码举例bodybackground=“bg1.gif”text=“#FFFFFF”bgproperties=fixed设定页面的文字颜色为蓝色/body范例效果文字向上滚动后，背景图片并没有随之滚动。链接文字相关属性链接是网页中最基本的元素之一，我们会在后面进行详细的学习。这里只了解修改页面链接文字颜色的方法。在浏览器默认的情况下，链接文字的颜色是蓝色，访问过后的链接文字颜色为紫红色。这有助于用户判断是否单击过该链接。链接文字相关属性link链接文字颜色属性(初始)alink激活链接文字颜色属性(鼠标点击)vlink访问后链接文字颜色属性基本语法bodylink=颜色值alink=颜色值vlink=颜色值代码举例bodylink=#006600alink=redvlink=#CC33FFahref=“”target=“_blank”链接测试/a/body范例效果linkalinkvlink边距相关属性在HTML页面中，可以定义页的上、下、左、右边距，即分别代表内容和浏览器上部、下部、左部、右部边框之间的距离。定合适的边距可以防止网页外观过于拥挤。基本语法bodytopmargin=值bottommargin=值leftmargin=值rightmargin=值代码举例bodytopmargin=30bottommargin=30leftmargin=50rightmargin=50/body范例效果在HTML文件中，可以加入多种文字的修饰标记。常用的文字修饰标记b/b粗体strong/strong粗体i/i斜体em/em斜体cite/cite斜体sup/sup上标sub/sub下标文字的修饰标记big/big大字号small/small小字号u/u下划线s/s删除线strike/strike删除线address/address址址b使用<b>粗体/bstrong使用<strong>粗体/strongbig使用<big>大字体/bigsmall使用<small>小字体/smalli使用<i>斜体文本/iem使用<em>斜体文本/emcite使用<cite>斜体文本/citeu使用<u>下划线文本/us使用<S>删除线文本/sstrike使用<strike>删除线文本/strike上标：xsup2/sup+ysup2/sup=Rsup2/sup下标：Hsub2/subSOsub4/subaddress打字机文字/address文字的修饰标记-实例演示课堂练习页面的主体标记-bodybody元素的常用属性文字的修饰标记小结字体标记font如果希望更改页面中的字体、字号和颜色，最佳的标记是使用font标记。基本语法font…/font其属性如下：face字体size字号color颜色字体属性face任何一种安装在Windows系统中的字体都可以显示在浏览器中，选择“开始/控制面板”，双击“字体”，可以看到系统中安装的所有字体。一般说来，不应该在网页中使用过于特殊的字体，因为对于浏览网页的人来说，其计算机中如果没有安装这此些特殊字体，只能以普通的默认字体来显示。中文网页，应尽量对汉字使用宋体或黑体，因为大多数计算机中，默认时都安装这两种字体。基本语法fontface=“字体名[，字体名,…]”…/font语法解释font标记中的face定义了字体，不同的字体可以定义多次，字体之间使用“，”分开，如果第一种字体系统中不存在，就显示第二种字体，如果字体都不存在，就显示默认的字体。字号属性sizeHTML页面中的文字可以使用不同的字号体现。字号指的是字体的大小，它没有一个绝对的大小标准，其大小只是相对默认字体而言。例如，1号和2号字，比默认字体要小一些，而4号和5号字，比默认字体要大一些。基本语法fontsize=“字号”…/font语法解释font标记中的size定义了字号，取值范围从1~7或者从+1~+7、从-1~-7。1是最小的字号，7是最大字号。颜色属性colorHTML页面中的文字可以使用不同的颜色表现。丰富的字符颜色能够极大增强文档的表现力。基本语法fontcolor=“颜色值”…/font语法解释font标记中的size定义了颜色，其值可以是颜色的名称或者十六进制代码。不换行标记nobr如果浏览器中单行文字的宽度过长，浏览器会自动将该文字换行显示，如果希望强制浏器不换行显示，可以使用相应的标记。基本语法nobr…/nobrnobr标记中强制换行标记wbr在nobr标记中的文字被强制不换行，但是在nobr标记中被wbr标记包含的内容，则可以被强制换行。基本语法wbr…/wbr预格式化标记pre所谓预格式化，就是保留文字在源代码中的格式，页面中显示的和源代码中的效果完全一致。浏览器在显示其中的内容时，会完全按照其真正的文本格式来显示，例如，原封不动地保留文档中的空白，如空格、制表符等。基本语法pre…/pre代码举例pre登鹳雀楼李白白日依山尽，黄河入海流。欲穷千里目，更上一层楼。/pre范例效果居中标记center如果希望使段落或文字居中对齐，可以使用专门的居中标记。基本语法center…/center缩排标记blockquote使用缩排标记，可以实现页面文字的段落缩排，实现多次缩排可以使用多次缩排标记。基本语法blockquote…/blockquote代码举例登鹳雀楼 李白blockquote白日依山尽，/blockquoteblockquoteblockquote黄河入海流。/blockquote/blockquoteblockquoteblockquoteblockquote欲穷千里目，/blockquote/blockquote/blockquoteblockquoteblockquoteblockquoteblockquote更上一层楼。/blockquote/blockquote/blockquote/blockquote范例效果课堂练习字体标记font不换行标记nobrnobr标记中强制换行标记wbr预格式化标记pre居中标记center缩排标记blockquote小结