湖北职晚计算机科学与技术理论课教案一《网页设计》 教学项目十 HTML中超级链接标志的使用 【教学内容】 讲解HML中超级链接标志 【教学目的】 使学生掌握超级链接标志的使用 【教学重点】 1.超级链接标志的使用 【教学难点】 1.理解书签超级链接的意义 target属性不同取值对应的含义 【教学方式】 案例分析式、练习式相结合 【教学参考】 1.<< JavaScript入门与提高〉>杨浩著 清华大学出版社 2.< Internet网页工场> Wittime工作室重庆出版社 3.< JavaScript从入门到精通 电脑报社出版 【新课】 、超级链接的实现 格式 < a href=URL>文本图片</a 1.链接到网址 例:设定到网址的超级链接 <html>
湖北职院计算机科学与技术系理论课教案—《网页设计》 教学项目十一 HTML 中超级链接标志的使用 【教学内容】 讲解 HTML 中超级链接标志 【教学目的】 使学生掌握超级链接标志的使用 【教学重点】 1. 超级链接标志的使用 【教学难点】 1. 理解书签超级链接的意义 2. target 属性不同取值对应的含义 【教学方式】 案例分析式、练习式相结合 【教学参考】 1．<<JavaScript 入门与提高>> 杨浩著 清华大学出版社 2．<<Internet 网页工场>> Wittime 工作室 重庆出版社 3．<<JavaScript 从入门到精通>> 电脑报社出版 【新课】 一、超级链接的实现 格式： <a href=URL>文本|图片</a> 1. 链接到网址 例：设定到网址的超级链接 <html> <head>
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 < title>超级链接例</ title /head> <body bgcolor=yellow> <brxbr> < center〉< font face=隶书 color= red size=5)友情链接</font>/ center <p align=center ><br> Kahref=http://www.sinacomcn>新浪网</a> Kahref=http://www.cctv.com>央视国际</a ahref=http://www.163.net>163电子邮局</a> </body) </htmI> 超级链接例二-夏 i crosott Internet Exp1orer 文件q)编辑①)查看Q收密)工具)帮助d ⊙后:回哈户☆收的媒色,是圆,回 他址①)eD:1 Documents and setting1)zK桌面2hm 转到练接 友憤链接 新浪网去视国际163电子邮局 完毕 我的电脑 「精品课程1e1 「3记事本B链 思考: 怎样实现点击图片与文字均可链接到湖北职院网站?
湖北职院计算机科学与技术系理论课教案—《网页设计》 <title>超级链接例一</title> </head> <body bgcolor=yellow> <br><br> <center><font face=隶书 color=red size=5>友情链接</font></center> <p align=center><br> <a href=http://www.sina.com.cn>新浪网</a> <a href=http://www.cctv.com>央视国际</a> <a href=http://www.163.net>163 电子邮局</a> </body> </html> 思考： 怎样实现点击图片与文字均可链接到湖北职院网站？
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 m回必 】G: Front.当 .\htelxwp148,htm 职、业技不 <HTML> <Head> < title>我的个人网页/ title〉 <body bgcolor=*oOffee> <center> Kahref=http://www.hbvtc.cn><imgsrc=03.jpgwidth=357"height=189> br< font size=6)>湖北职业技术学院<font〉/a></ center </body> </htmI> 2.链接到电子邮件地址 格式 a href= mailto:emai>图片|文字</a 例
湖北职院计算机科学与技术系理论课教案—《网页设计》 <HTML> <Head> <title>我的个人网页</title> </head> <body bgcolor=#00ffee> <center> <a href=http://www.hbvtc.cn><img src=03.jpg width="357" height="189"> <br><font size=6>湖北职业技术学院</font></a></center> </body> </html> 2. 链接到电子邮件地址 格式： <a href=mailto:email>图片|文字</a> 例：
湖北职晚计算机科学与技术亲理论课教案一《网页设计 我的个人网页- icrosoft Internet Explorer 文件)铜指①)查看Q)收④)工具①)帮助 后退·0困图的搬收夹的媒体的③,品圆·回当 地址Q)包G:{ FrontPage\htnlsamp1e19.htm M转到链接” 联系我们 无标题-邮件(纯文本 回图 文件①)编辑)视图①)插入①)格式)工具①)动作(5)帮助0 日电色自!选项)、倒? 件人)」 xgzliiQ163 net 主题T 我的电脑 始2。·如刻材回a“E4记,·我的,无标,日?810 <HTML> < title>我的个人网页</ title </head> < body bgcolor≡pink < center)< a href= mailto: xgzy ljj(163.net>联系我们</a> </body> </htmI> 3.链接到指定的文件
湖北职院计算机科学与技术系理论课教案—《网页设计》 <HTML> <Head> <title>我的个人网页</title> </head> <body bgcolor=pink> <center><a href=mailto:xgzyljj@163.net>联系我们</a> </body> </html> 3．链接到指定的文件
湖北职晚计算机科学与技术糸理论课教案一《网页设计》 3我的个人网页一重 文件)编错①)查着收△)工具①)帮助aD ⊙后·的批索次收徽的媒的③,四,□ 畅销书推荐 2.灵的奶的 「材 <HTML> <Head> < title>我的个人网页 title </head> gcolor-eeffo0> < center〉< font size=6face=楷体〉畅销书推荐</font>/ center> <ol> <font size=4> 1i>< a href=1.doc>谁动了我的奶酪</a 1i>< a href=2.doc>心灵鸡汤</A 1i< A href=3.doc>至高利益</a </font> </ol> </body> </html> 说明:在使用<a></a>标志时,可以配合使用属性 target
湖北职院计算机科学与技术系理论课教案—《网页设计》 <HTML> <Head> <title>我的个人网页</title> </head> <body bgcolor=eeff00> <center><font size=6 face=楷体>畅销书推荐</font></center> <ol > <font size=4> <li><a href=1.doc>谁动了我的奶酪</a> <li><a href=2.doc>心灵鸡汤</A> <li><A href=3.doc>至高利益</a> </font> </ol> </body> </html> 说明：在使用<a></a>标志时，可以配合使用属性 target: