《程序设计》第2章Html语言.ppt

2.6.2 锚点链接 格式： a name=书签名文本/a a href=#书签名提示文本/a 说明： ⑴a name=书签名…/a创建一个指定名称的书签(记号)，名称由name属性指定； ⑵ a href=#书签名…/a建立锚点链接关系，href属性值由“#”号引导且必须与name属性值一致； ⑶可以在不同页面中建立锚点链接，例如在test.htm页面中建立一个top记号，在其它页面跳转到该锚点，代码如下： a href = test.htm#top跳转到test.htm页的top位置/a 2.6.3 热点链接 图像的链接和文字的链接方法是一样的，都是用a标记来完成，只要将img标记放在a和/a之间就可以了。 在HTML中还可以把一幅图片划分成不同的热点区域，分别链接到不同网页资源，这就是热点链接，又称为影像地图。 热点链接基本结构如下： img src= usemap=#自定义图像地图名称 map name=自定义图像地图名称 area shape=rect|circle|poly coords= href= target= alt= area shape=rect|circle|poly coords= href= target= alt= …… /map 说明： ⑴在img标记中一定要设置usemap参数值来自定义“图像地图名称”，且必须与map标记中的name参数值相同； ⑵在area标记中定义热点区域，同一“图像地图”中的所有热点区域都要在图像地图的范围内，即所有area标记均要在map与/map之间； ⑶shape属性定义热点区域形状，取值可以是矩形rect，圆形circle，多边形poly； ⑷coords属性定义热点区域的坐标列表，coords 属性设定的坐标格式要与shape属性设定的作用区域形状匹配； ⑸shape属性和coords属性相匹配语法格式示例如下： a）矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标。 例：area shape=rect coords=100,50,200,75 href=URL b）圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度。 例：area shape=circle coords=85,155,30 href=URL c）任意图形(多边形)：将图形之每一转折点坐标依序填入。 例：area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href=URL 2.7 表格 表格在网页应用中非常广泛，表格不但可以固定文本或图像的输出位置，而且也可以辅助设置背景和前景的颜色。大型网站一般借助于表格来布局和排版，把相互关联的信息元素集中定位和管理。 2.7.1 表格结构 2.7.2 表格标题 2.7.1 表格结构 表格的所有标记都必须完整地放入body…/body标记对之中，一个表格一般是通过table，tr，th，td标记来共同完成的，基本结构如下： table trth…/thth…/th…/tr trtd…/tdtd…/td…/tr trtd…/tdtd…/td…/tr …… /table 说明： ⑴table…/table：定义一个表格， table标记有很多属性，用来设置表格整体风格，最常用的属性如表2-6所示： ⑵tr…/tr：定义一行，行标记内可以建立多组由td或th标记所定义的单元格。tr标记除了有与table标记一样的属性，还有valign(垂直对齐)属性，取值为top、middle、bottom，这些属性设置只影响tr…/tr标记对内的内容。 ⑶th…/th：定义表格表头单元格，通常是黑体居中文字显示，基本类似td…/td标记，表格中也可以不用此标记，th…/th标记须放在tr标记内。 ⑷td…/td：定义单元格，一组td标记建立一个单元格，td标记必须放在tr标记内，td标记除了有与table标记一样的属性，还有colspan(向右合并单元格数)，rowspan(向下合并单元格数)，nowrap(禁止单元格内的内容自动断行)，这些属性设置只影响td…/td标记对内的内容。 2.7.2 表格标题 格式：caption align= left|center|right valign=top|bottom…/caption 说明：caption应紧跟在table标记之后，在表格行标记tr标记之前。align和valign分别用来设置标题的水平和垂直位置，缺省时，标题位于表格的上方中间位置。 2.8 表单 表单的功能是给访问者输入信息，从而实现系统与用户交互。一般是将表单设计在一个Html文档中，当用户填写完