授课教师姬广永QQ41588872TEL13589841020学习交流.pptVIP

第二章 超文本标记语言HTML（三） 授课教师：姬广永 QQTEL学习交流网站: 4.超级链接—普通超级链接1 超级链接是整个WWW应用的核心和基础。如果没有超级链接的概念，那么，我们现在所有的WWW的应用将不复存在。所以，对超级链接的掌握具有特殊重要的意义。 4.超级链接—普通超级链接2 超级链接是用a定义的 在a下，有元素属性href,href的属性值为一个URL地址 如：a href=“”指向学习网站的超级链接/a 如：a href=“02.htm普通超级链接/a 例：01.htm 4.超级链接—普通超级链接3 在图像上建立超链接： a href= img src=“logo.jpg//a 例：01.htm 4.超级链接—E-mail超级链接 超级链接可以指向E-mail地址 如：a href=“mailto:jgyzhr@126.com”指向老师E-mail地址的超级链接/a 例：01.htm 4.超级链接—新开链接窗口 在新的(浏览器)窗口 打开链接页面 a href=“ ” target=“_blank” 这个会在新的窗口中打开 /a 没有加target属性的，默认：target= _self 例：01.htm 4.超级链接—去除下划线 去掉超级连接的下划线：style=“text-decoration: none” 例：01.htm 4.超级链接——其他超级链接 WWW应用仅仅是Internet应用的一种,Internet还有其他很多应用，如：Ftp等。实际上mailto也属于非WWW应用。我们可以创建指向Ftp的超级链接; 指向其他Internet应用的超级链接不是我们掌握的重点。 4.超级链接——锚点(书签) 1 设置锚点： 先将光标移至预建立锚点的位 置，输入a name=”锚点名称” 链接锚点： 链接至本网页的锚点。 格式为：a href=”#锚点名称”链接的文字/a 例：02.htm 4.超级链接——锚点(书签) 2 链接锚点： 链接至其他网页的的锚点。格式为： a href=”url#锚点名称”预链接的文字/a 如： a href=“02.htm#bb”指向02.htm的锚点bb的超级链接/a 例：03.htm HTML对图片的控制-1 图象映射 (建立超链接地图)： 是指一个图片上的不 同位置被指定了不同的超级链接。 点击图片的不同位置会打开不同的 超级链接目标。 例：04.htm HTML对图片的控制-2 图象映射（只要求理解标记含义） 图象映射由map定义。 map在定义图象映射时，可以定义三种形状的映射： circle(圆形)、rect(矩形)、poly(多边形) map有一个基本属性是name。Name给图象映射命名，这个命名将会被img元素用usemap属性引用。 04.htm img src=youxi.JPG border=0 usemap=#Map map name=Map area shape=poly coords=130,72,228,65,311,101,298,196,210,228,157,170 href=feisheng.htm target=_blank area shape=circle coords=503,158,128 href=jineng.htm target=_blank area shape=rect coords=697,248,911,414 href=shengbing.htm target=_blank /map 表格(TABLE)标记--1 table 元素：定义一个表格。每一个表格只有一对table和/table，一张页面中可以有多个表格。 tr元素：定义表格的行，一个表格可以有多行，所以tr对于一个表格来说不是唯一的。 td元素：定义表格的一个单元格。每行可以有不同数量的单元格，在td和/td之间是单元格的具体内容。 需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。 表格(TABLE)标记--2 表格的基本结构 table定义表格 tr定义表行 th定义表头/th /tr tr td…/td定义单元格 /tr /table 表格(TABLE)标记--3 表格的属性 –1 width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。 height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。 border属性：表格边线粗细 例05.htm 表格(TABLE)标记--4 th 表头（标题单元格）标记 th表头/th 说明：th与td同