html4超级链接标志的使用.docVIP

教学项目四 HTML中超级链接标志的使用 【教学内容】 讲解HTML中超级链接标志 【教学目的】 使学生掌握超级链接标志的使用 【教学重点】 超级链接标志的使用 【教学难点】 理解书签超级链接的意义 target属性不同取值对应的含义 【教学方式】 案例分析式、练习式相结合 超级链接的实现 格式： a href=URL文本|图片/a 链接到网址 例：设定到网址的超级链接 html head title超级链接例一/title /head body bgcolor=yellow brbr centerfont face=隶书 color=red size=5友情链接/font/center p align=centerbr a href=新浪网/a a href=央视国际/a a href=163电子邮局/a /body /html 思考： 怎样实现点击图片与文字均可链接到湖北职院网站？ HTML Head title我的个人网页/title /head body bgcolor=#00ffee center a href=img src=03.jpg width=357 height=189 brfont size=6湖北职业技术学院/font/a/center /body /html 链接到电子邮件地址 格式： a href=mailto:email图片|文字/a 例： HTML Head title我的个人网页/title /head body bgcolor=pink centera href=mailto:xgzyljj@163.net联系我们/a /body /html 3．链接到指定的文件 HTML Head title我的个人网页/title /head body bgcolor=eeff00 centerfont size=6 face=楷体畅销书推荐/font/center ol font size=4 lia href=1.doc谁动了我的奶酪/a lia href=2.doc心灵鸡汤/A liA href=3.doc至高利益/a /font /ol /body /html 说明：在使用a/a标志时，可以配合使用属性target: target=_self 超级链接网页显示在当前框架 target=_blank 超级链接网页显示在一个新窗口 target=_top 超级链接网页显示在整个窗口 target=_parent 超级链接网页显示在上一层的框架 4．链接到书签 (1) 定义书签 a name=书签名链接点/a (2) 设定书签链接 a href=#书签名文本|图片/a 例：设定有三个书签的链接 HTML Head title书签使用/title /head body bgcolor=pink pbrcenter微笑/p a href=#mark1第一节/a a href=#mark2第二节/a a href=#mark3第三节/a brbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbr brbrbrbr /center 　　pa name=#mark1第一节/abr林是在篮球场上认识他的。当时他并不知 道他的名字。只是好像有一次， br林正在一旁独玩球，然后他走过来，微笑着说：一起玩吧，正好 我们少一个 br人。”其实林是一个很内向的人，不喜欢和不认识的人一起玩 球，但他的微 br笑给林留下了深刻的印象，所以就欣然答应了。 　　br以后，林发现他每天早晨都很早来到这里，他打球不错，对人也很热情， br见到人总会上前问声好。最重要的是他脸上总会带着微笑。林很奇怪为什么 br他看起来总是无忧无虑，没有任何烦恼。/p 　　brbrBRbrbrbrbrbrbrbrbrbrbrbrbrbrbrbr pa name=#mark2第二节/abr再后来,林知道了他叫强。 　　brp以后的交往中，林发现强很有意思，他绝对是那种无忧无虑的人，他很会 br说笑话，如果不小心踩了他的脚，他也会笑嘻嘻地说：“哎呀，对不起，耽误 br你的脚落地了。他喜欢说事情还不算很坏还有机会一 类的话。看起来似 br乎已经没有希望的事情，他仍会兴致勃勃地去做，虽然大多数时候不会改变事 br情状况，他也会微笑着面对失败。/p 　　brp考试完了，林没有考好，心情很苦闷，“真惨呀。”他独自站在操场上， br看着欢乐的人群发呆。这时强走了过来，唱着一首很奇怪的、好橡是自己编出 br来的歌，一副 很悠闲自在的样子，他走到林的面前停了下来，做了一个鬼脸， br林看着他 滑稽的样子，忍不住笑了起来。“对，就是这个样子，笑一笑，别 b