Day-3

标签：

1.超链接

　　anchor 锚
　　<a href=”url”>内容</a>
　　Href
　　　　Hypertext reference 引用

　　URL(Uniform Resource Locator)

　　　　统一资源定位器,就是一个地址，网址,指定的资源内容具有唯一性。

　　注意: a标签之间不能互相嵌套!!!

　　target属性:

　　　　例如: <a href="www.rinpe.com" target="_blank"></a>

　　　　Target:打开的目标
　　　　　　_blank:在一个新的窗口打开网页
　　　　　　_self:在当前窗口打开网页(默认)
　　　　　　_top(不常用)
　　　　　　_parent(不常用)

　　外部链接 :url是本网站外的链接
　　　　<a href="http://www.sina.com.cn" target="_blank" >新浪网</a>
　　　　常用于友情链接

　　内部链接。
　　　　News/oct/2015-10-01.html

　　文本链接 - 点击文本内容跳转
　　　　普通文本加上<a href=”url”>普通文本</a>

　　图片链接 - 点击图片跳转

　　　　例如: <a href="www.rinpe.com"><img ref="rinpe.jpg"/></a>

　　下载链接
　　　　将提供下载的内容打包成*.rar, *.zip, *.iso, *.mp4,*.rmvb, *.flv
　　　　当用户点击时，会自动关联下载工具。

　　　　例如: <a href="/download/rinpe.zip">下载rinpe.zip</a>

　　空链接
　　　　<a href=””>空链接</a>
　　　　<a href="#">我是空链接</a><br /> , 单击后回到当前页面的顶部
　　　　<a href="javascript:void(0)">我是JavaScript空链接也叫死链接</a>, 单击后没有反应，可以配合JS程序, 例如:
　　　　<a href="javascript:void(0)" onclick="alert(‘点我呀‘)">我是JavaScript空链接也叫死链接</a>

　　电子邮件链接
　　　　<a href=”mailto:rinpe@qq.com”>联系我们</a>
　　　　自动关联电子邮箱工具：默认会打开outlook。href="mailto:rinpe@qq.com?subject=‘hello‘">rinpe@qq.com</a>
　　　　？Subject:邮件主题信息

　　锚点链接

　　　　先定义锚点(可以理解为标记): <a name="top"></a>

　　　　跳转到定义好的锚点(标记): <a href="#top">回到顶部</a> - 当前页

　　　　跳转到定义好的锚点(标记): <a href="index.html#top">回到顶部</a> - 其他页面

Day-3

标签：

原文地址：http://www.cnblogs.com/Rinpe/p/5585857.html