HTML语言知识点和技能点幻灯片.ppt

7.6.4 预格式PRE标记 HTML的输出是基于窗口的，因而HTML文件在输出时都是要重新排版的，即把文本上任何额外的的字符（如空格、制表符和回车符）都忽略，若确实不需要重新排版的内容，可以用PRE…/PRE通知浏览器。 …… body bgcolor=lavender h2静夜思/h2 pbu李白/u/b/p pre 床前明月光， 疑是地上霜。 举头望明月， 低头思故乡。 /pre /body /html 7.6.5 居中CENTER标记 用户会发现很多的标记已有 align=CENTER 的参数，CENTER似乎是多余了，事实上它还是常用的标记之一，其简单易用，常用于文字，对于已加有 align=CENTER 参数的 TABLE 标记也不要厌其烦地加上居中标记，因为很多浏览器不支持TABLE 标记中的 align=CENTER 参数。 7.6.5 居中CENTER标记 CENTERChriss First Homepage/CENTER CENTERWhats new/CENTER CENTERMy profile/CENTER 7.7.1 绝对路径和相对路径 1. 绝对路径 2. 相对路径 IMG src=Snowwhite.jpg 即图像文件Snowwhite.jpg与当前显示的网页在同一目录下。 IMG src=../image/Leaves.jpg 即图像文件“Leaves.jpg ”在当前显示网页所在的上一级目录中的image下。 注明：“.”：当前目录 “..”：上一级目录 7.7.2 链接类型 ◆ 内部链接：即在同一个站点内的不同页面之间相互联系的的超链接。 ◆ 锚点链接：除了可以对不同页面或文件进行链接外，还可以对同一网页的不同部分进行链接，例如，可以在长文档的顶部或底部以超链接的方式显示一个目录，并在页面的底部放一个返回顶部的链接。创建锚点链接需要两个主要步骤：创建命名锚记和链接命名锚记。 作用：链接到本页中其它位置或者其他页面的其他位置。 ◆ 外部链接：把网页与internet中的目标相联系的链接。 7.8 图像标记IMG 属性 描述 src 图像的源文件。指明图形的URL地址，常用图片格式。 alt 提示文字。指明图像显示的备用文本，即用于不能显示图象的浏览器或浏览器能显示图象但显示时间过长时，先显示图象的文本说明。 width,height 宽度、高度。决定图形的宽度、高度。 border 边框。决定边框线的宽度，0-表示无边框； vspace 垂直间距 hspace 水平间距 align 排列 7.10 使用表格 在创建HTML页面的过程中，表格是页面排版的强大工具 标记 描述 TABLE 表格标记，设定该表格的各项参数 TR 行标记 TD 单元格标记，表格栏，设定该表格的栏 TH 表格标头，如同TD，但其内之字体会变粗 CAPTION 表格标题，做成一打通列以填入表格标题 7.10.1 表格TABLE标记 TABLE标记的一般形式是： TABLE width=? bgcolor=? background=? border=? cellspacing=? cellpadding=? CAPTION...用来给表格提供一个标题 /CAPTION TR ...定义表行 TD ...定义表元 /TD /TR /TABLE 7.10.1 表格TABLE标记 属性 描述 width 表格的宽度。在默认状态下为自动适应表格内容的宽度，即根据表格中的内容来自动调节表格的宽度。取值可以是HTML的绝对或者相对长度标准单位。 bgcolor 表格的背景颜色。在默认状态下表格无背景色，网页作者亦可使用HTML的各种颜色单位进行指定。 background 表格的背景图案。须用URL来指定作表格背景图片的文件路径。 border 表格边框的风格（在作为布局使用时往往取其默认值0,即不显示表格的边框），在“Border=1”时，表格的边框成3D的状态。 cellspacing 表格中单元格的边距大小，即单元格间距，长度单位。 cellpadding 表格中单元格之间的间距大小，表中单元格的内容与单元格边框之间的留白距离，即单元格边距，长度单位。 7.10.2 表格标题CATION标记 表格的标题表达了创建表格的目的，由CATION元素来设置，其属性值align的值可以是top、bottom、left、right，分别表示表格标题出现在表格的顶部、底部、左侧和右侧。 TABLE width=75% border=1 cellspacing=1 cellpadding=1 CAPTI