网站本地化技术2剖析.pptVIP

网站本地化技术 授课班级:10专升本机翻 主讲：夏多芬 本节安排 页面的主体标记 - body body元素的常用属性 文字的修饰标记 课堂练习 小结 字体标记font 不换行标记nobr nobr标记中强制换行标记wbr 预格式化标记pre 居中标记center 缩排标记blockquote 课堂练习 页面的主体标记 - body 网页的主体部分位于body/body这两个标记之间，包括页面中的所有内容，如文字、图片、链接、表格、表单等。 body作为一个标记，有许多相关的属性。比如，网页的标题、网页颜色、背景图片等设置。 body元素的常用属性 属性 描述 text 设定页面文字的颜色 bgcolor 设定页面背景的颜色 background 设定页面的背景图像 bgproperties 设定页面的背景图像为固定，不随页面的滚动而滚动 link 设定页面默认的链接颜色 alink 设定鼠标正在单击时的链接颜色 vlink 设定访问过后的链接颜色 topmargin 设定页面的上边距 leftmargin 设定页面的左边距 文字颜色属性 text 在没有对文字进行单独定义颜色的时候， 这个属性将对页面中所有的文字产生作用。 基本语法 body text=“颜色值” 代码举例 　　body text=“#0000FF” 设定页面的文字颜色为蓝色 /body 范例效果 背景颜色属性 bgcolor 用来设定整个页面的背景颜色。 基本语法 body bgcolor=“颜色值” 代码举例 　body text=#FFFFFF bgcolor=#336699 设定页面的文字颜色为白色，背景颜色为蓝色。 /body 范例效果 背景图像属性 background 页面中可以使用JPG或gif等图片来表现，这些图 片可以作为页面的背景图。通过body标记中的 background属性引用的背景图像，位于网页的最底 层，文字和图片等位于它的上。默认情况下，背景图 片在水平和垂直方向上重复出现，直到铺满网页。 基本语法 body background=“图片路径及名称” 代码举例 　 body background=“bg1.gif” text=“#FFFFFF” 设定页面的文字颜色为蓝色 /body 范例效果 背景图像固定属性 bgproperties 在默认的情况下，如果页面的内容较长， 当拖动浏览器滚动条的时候，背景会随着文字 内容的滚动而滚动。 　所谓图像固定，是指不论浏览器的滚动 条如何拖动，背景都永远固定在相同的位置， 并不会随着文字滚动而滚动。 背景图像固定属性 bgproperties 基本语法 body bgproperties=fixed 代码举例 　 body background=“bg1.gif” text=“#FFFFFF” bgproperties=fixed 设定页面的文字颜色为蓝色 /body 范例效果 文字向上滚动 后，背景图片 并没有随之滚 动。 链接文字相关属性 链接是网页中最基本的元素之一，我们会 在后面进行详细的学习。这里只了解修改页面 链接文字颜色的方法。 　在浏览器默认的情况下，链接文字的颜色 是蓝色，访问过后的链接文字颜色为紫红色。 这有助于用户判断是否单击过该链接。 链接文字相关属性 link 链接文字颜色属性(初始) alink 激活链接文字颜色属性(鼠标点击) vlink 访问后链接文字颜色属性 基本语法 body link=颜色值 alink=颜色值 vlink= 颜色值 代码举例 body link=#006600 alink=red vlink=#CC33FF a href=“” target=“_blank” 链接测试/a /body 范例效果 link alink vlink 边距相关属性 在HTML页面中，可以定义页的上、下、左、右 边距，即分别代表内容和浏览器上部、下部、左部、 右部边框之间的距离。定合适的边距可以防止网页外 观过于拥挤。 基本语法 body topmargin=值 bottommargin=值 leftmargin=值 rightmargin=值 代码举例 　 body topmargin=30 bottommargin=30