超链接的基础使用方法及知识拓展.pdf

超链接的基础使⽤⽅法及知识拓展 当我们在⽹页或是⽂章中想要“点击⼀个关键词跳转到指定页⾯”的时候就需要 到超 链接啦。超链接指向的⽬标可以是另⼀个⽹页，也可以是相同⽹页上的不同位置，还 可以是⼀个图⽚，⼀个电⼦邮件地址，⼀个⽂件，甚⾄是⼀个应 程序。⽽在⼀个⽹ 页中被 来超链接的对象，可以是⼀段⽂本或者是⼀个图⽚。当浏览者单击被链接过 的⽂字或图⽚后，链接⽬标将显⽰在浏览器上，并且根据⽬标的类型来打开或运⾏。 超链接基本语法： a href=url地址替换关键词替换/a a href=值关键词替换/a 示例： a href=///W3Cschool/a 显示效果： W3Cschool 解析： ①等号 （=）后⾯的“值”即///是链接指向的⽬标⽹址 ②书写时⽤双 号囊括 /// ③W3Cschool是被赋予超链接的关键词 举⼀反三： 如果想要实现“哔哩哔哩弹幕⽹”这个效果该怎么写？ 答：a href=http://www .bilibili .com/ 哔哩哔哩弹幕⽹/a 检验代码： 哔哩哔哩弹幕⽹ 知识拓展 基础语法的变形：a href=url地址 属性=值关键词/a 示例 a href=///attachments/day_ 16 919/2 16 9191741153486.pngdownloa 师妹⼿绘⼩师妹/a 显示效果 ⼿绘⼩师妹 解析： ①这是⼀个下载⽂件的超链接，点击“⼿绘⼩师妹”即会弹出下载对话框，如下图所⽰ ②在⽰例代码 a href=///attachments/day_ 16 919/2 16 9191741153486.pngdownloa 师妹⼿绘⼩师妹/a 中，///attachments/day_ 16 919/2 16 9191741153486.png为语 法⾥的“url地址”，即这个⽂件的下载地址。 ③在示例代码中，download为语法⾥的“属性”，即这条超链接指向什么类型的⽬标， 在示例中为指向“下载⽂件”的意思。 ④在示例代码中，⼩师妹为语法⾥的“值”，和属性是对应的关系，不同的属性所对 应的值也是不同的，在示例中为“⽂件名”的意思。 ⑤在示例代码中，“⼿绘⼩师妹”为语法⾥的“关键词”，就是被赋予超链接的关键词。 属性：rel 值： alternate ⽂档的可选版本 （例如打印页、翻译页或镜像）。 stylesheet ⽂档的外部样式表。 start 集合中的第⼀个⽂档。 next 集合中的下⼀个⽂档。 prev 集合中的前⼀个⽂档。 contents ⽂档⽬录。 index ⽂档索引。 lossary ⽂档中所 字词的术语表或解释。 copyri ht 包含版权信息的⽂档。 chapter ⽂档的章。 section ⽂档的节。 subsection ⽂档的⼦段。 appendix ⽂档附录。 help 帮助⽂档。 bookmark 相关⽂档。 nofollow 使 nofollow ， 于指定搜索引擎不要跟踪链接，对⾕歌较为管 licence 许可证 ta 标签 friend 友情链接 ⽐如说你想要做友情链接，那么代码就是 a rel=friend href=//www ./w3cschool/a 这样你就成功地定义了这个链接为友情链接 属性：target(在何处打开⽂档） 值： _blank 在新标签页打开链接 _parent 在⽗框架中打开链接 _self 在当前页打开链接 _top