链接标记图象标记与表格标记.ppt

第3章　链接标记图象标记与表格标记(1课时) * 教学目标 掌握超级链接的建立及应用 掌握超级链接的使用以及网页背景的设定 掌握超级链接与图片的应用 熟悉超级链接 教学重点和难点 熟悉运用超级链接以及网页背景的设定 表格的运用 一、超链接标记a href=“链接位置” target=“窗口名称”超链接名称/a 窗口名称:_blank | _self | _parent | _top 任务一、超级链接的建立 三、不同文件的链接在主链接文件中的链接处加上： a href=“链接位置” target=“窗口名称”超链接名称/a 二、在同一文件中建立超链接 在要使用链接的地方： a href=“#目标名称” target=“窗口名称”超链接名称/a 在链接到的地方： a name=“目标名称” 超链接名称/a 一、链接网站 a href= 新华 /a 二、更改链接文字的颜色body标签中的text,link,vlink,alink控制的。 Text属性:非可链接文字的颜色。黑 Link属性：可链接文字的颜色。蓝 Vlink属性：已经被访问过的可链接文字的颜色。栗 Alink属性：正被单击的可链接文字的颜色。红 任务二、 超级链接的应用 三、实现邮件链接a href=“mailto:E-mail地址?cc=抄送者emailsubject=邮件主题body=正文内容”描述文字/a 1、语法：body background=“image-URL” “image-URL”指图象的位置 任务三、图片标记的使用以及网页背景的设定 2、网页中插入图形 img没有结束标签，因为只有当浏览器读取到img标签时，才会直接显示此标签所代表的图象。 格式：img src=“image-URL” 说明：src属性是用来指出一个图象的文件名或指出URL的路径名。 3、img标签属性的使用 图象取代文字alt img src=“tee.jpg” alt=“这里有一个图象” 设定图象的高度和宽度height/width 设定图象的边框border 设定图象的对齐方式align img align=top/middle/bottom/left/right 设定图象与文本之间的距离vspace/hspace 能够调整图象与其他文本之间的距离，两者均取象素值。 img vspace=n hspace=m n,m为数值，单位为象素。 vspace为调整图象与上下文本的距离； hspace为调整图象与左右文本的距离。 4、图片超级链接：将img标签放在a和/a之间，这个图象将成为一个可单击的图象，并产生一个链接。 这里还可以利用alt属性，加入提示信息 1、定义表格标签table/table table标签用于定义一个表格元素.一个表格元素是由多个横行tr、单元格 td和表头单元格th子元素所组成的。A、定义表行标签tr/tr tr标签用于定义表格的一行。在一组tr标签内可建立一行表格，也可以包含多组由td或th标签所定义的单元格。 任务四、表格 B、定义表头标签th/th th标签用于定义表格内的表头单元格。此单元格中的文字将以粗体的方式显示。在一个表格的定义语法中也可以不使用th标签定义表头单元格。 C、定义单元格标签td/td td标签用于定义表格的单元格。一组标签将建立一个单元格。 td标签必须放在tr标签内。在一个最基本的表格元素中，必须包含一组table标签、一组tr标签和一组td标签 。 2、表格的定义 设置表格边框的尺寸border table border=“数值” 设置表格边框的颜色bordercolor/bordercolorlight table bordercolor=“#” table bordercolorlight=“#” table bordercolordark=“#” 设置表格的尺寸width/heigth table width=“数值” height=“数值” 数字表示表格宽度（高度）所站的象素点数。百分数表示表格的宽度（高度）所占浏览器窗口宽度（高度）的百分比。 设置表格的位置align table align=“参数值” 参数值为：left,center,right 设置表格的背景颜色或