超链接属性.pptVIP

超链接属性 上周知识点回顾： 文字： font size=“” face=“” color=“” style=“;;” h1 h2 p align=“” center br !-- -- ol ul li nbsp; i b u 图片： img src=“” width=“” height=“” 超级链接 项目1：文本超链接 项目2：电子邮件链接 项目3：锚点链接 空链接和脚本链接 项目4：用热点给图像加上超链接 课堂综合训练 HTML超文本标识语言 项目1：文本超链接 超级链接是由锚元素a定义的 如：a href=指向Sohu的超级链接/a 如：a href=test.htm普通超级链接/a 超链接的颜色设置： 在body元素中link、vlink、alink属性分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。 HTML超文本标识语言 项目2：指向E-mail地址的超链接 超级链接可以指向E-mail地址 格式为“mailto:+邮件地址” 如：a href=mailto:hu_song@126.com指向E-mail地址的超级链接/a HTML超文本标识语言 指向其他Internet应用的超级链接 WWW应用仅仅是Internet应用的一种,Internet还有其他很多应用，如：Ftp等。实际上mailto也属于非WWW应用。我们可以类似的创建指向Ftp等的超级链接 指向其他Internet应用的超级链接不是我们掌握的重点。 HTML超文本标识语言 项目3：锚点链接 锚点链接的作用： 通过点击锚点，能够快速重定向网页特定的位置，比如快速到页首、页尾或者网页中某篇文章处，便于浏览者查看网页内容。锚点类似于我们阅读书籍时的目录或章回提示。 HTML超文本标识语言 超级链接——锚点(书签)的定义--1 a name=aa锚点aa/a a href=#aa指向本页面锚点aa的超级链接/a a href=“11.htm#aa指向11页面的锚点aa的超级链接/a HTML超文本标识语言 超级链接——锚点(书签)的定义--2 去掉超级连接的下划线： style=“text-decoration: none” HTML超文本标识语言 打开窗口的类型： 1. a href=“1.html” target=“_blank”my /a 浏览器会另开一个新窗口显示1.html文档 2. a href=“1.html target=_parentmy /a 指向父frameset文档 3. a href=“1.html target=_selfmy /a 把文档调入当前页框 4. a href=“1.html” target=“_top”my /a 去掉所有页框并用1.html取代frameset文档 空链接： 空链接是没有指定链接目标的链接。空链接用于向页面上的对象或文本附加行为。利用空链接可以激活文档中的链接对象和文本，并为之附加一个行为。 a name=“#”链接名称/a 脚本链接： 脚本链接是一种特殊类型的链接，单击带有该链接的对象，可以执行相应JavaScript代码或调用JavaScript函数。 基本语法：a href=“JavaScript:…”文字链接/a javascript:alert(‘我就是脚本链接的效果’) 项目4：用热点给图像加超链接 HTML超文本标识语言 练习：手写代码实现： 创建一文本超链接：我的个人主页 要求：点击该链接可以打开另一页面。设置文字颜色、字体、字号，背景颜色为灰色，点击打开新链接时字体为蓝色，打开链接后字体颜色为红色，窗口打开类型为打开一新窗口。 * * 熊燕帆 Style内每个属性之间用;隔开 HTML超文本标识语言 HTML超文本标识语言 HTML超文本标识语言 HTML超文本标识语言