HTML与CSS入门——第八章 使用外部和内部链接
知识点:
1.链接锚的使用方法
2.在自己的网站上的页面之间链接的方法
3.链接到外部内容的方法
4.链接到一个E-mail地址的方法
5.在新浏览器窗口中查看链接的方法
6.用CSS为链接添加样式的方法
8.1 使用Web地址:
a标签,href属性对应链接地址---相对路径->相对链接;绝对路径->绝对链接
"/"可以用来表示服务器的文档根目录,以此开头的称之为根相对地址
".."返回上一级目录
8.2 使用链接锚在页面中链接:
a标签名字来源于"anchor"(锚)一词。
锚点:需要用id,例<a name="top"></a>
对应的链接属性href="#top"就可以链接到该锚点了
PS:外部链接也可以链接到其他页面的对应锚点,只需在地址最后面加锚点信息即可。
8.3 在你的Web内容之间链接:
PS:如果出问题了,一定是地址写错了!
8.4 链接到外部Web内容:
PS:如果出错了,要么地址错了,要么网有问题……
8.5 链接到一个E-mail地址:
主要是在href属性上下功夫,案例:
mailto:author@somedomain.com?subject=Book Question&body=When is the next edtion coming out?
简单的三个元素:收件人,主题,内容
深入的——
Mailto能让访问者便捷向网站管理者发送电子邮件。Mailto能自动在电子邮件中填入“抄送”和“密件抄送”者,或自动填写主题行。
1)基本的 mailto
<a href="mailto:abc@sina.com.cn">单击这里给我发电子邮件
当浏览者点击这个链接时,浏览器会自动调用默认的客户端电子邮件程序,并在收件人框中自动填上收件人的地址下面。
2)包含抄送地址
在收件人地址后用?cc=开头,你可以填写抄送地址,示例代码如下:
<"mailto:abc@sina.com.cn?cc=abc@sina.com.cn">发送
3)包含密件抄送地址
紧跟着抄送地址之后,写上&bcc=,就可以填上密件抄送地址了。
"mailto:abc@sina.com.cn?cc=aaa@sina.com.cn&bcc=bbb@sina.com.cn">发送
注意:在添加这些功能时,第一个功能以"?"开头,后面的以"&"开头
4)包含多个收件人、抄送、密件抄送人
用分号隔开多个收件人的地址即可实现:
<a href="mailto:aaa@sina.com.cn;bbb@sina.com.cn">发送
5)包含主题
用?subject=可以填上主题:
a href="mailto:abc@sina.com.cn?cc=abc@sina.com.cn?subject=发送电子邮件"
下面我们来总结一下,Mailto后为收件人地址,cc后为抄送地址,bcc后为密件抄送地址,subject后为邮件的主题,body后为邮件的内容,如果Mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的每一个都以“&”开头。下面是一个完整的实例:Mailto:aaa@xxx.com?cc=bbb@yyy.com&bcc=ccc@zzz.com&subject=主题&body=邮件内容
/*引用出处:http://www.cnblogs.com/joer/archive/2010/09/28/1841235.html*/
PS:这里可以说一个小内容,垃圾邮件制造者可以通过网页上的mailto链接来获取E-mail地址。避免的方法:
使用字符实体来代替地址中的字符!建议找个在线转码的处理一下就好。
8.6 在新浏览器窗口里打开链接:
target属性:
- _blank
- _parent
- _self
- _top
- framename /*最后一个暂时没有用过……*/
8.7 使用CSS设置超链接样式:
伪类:是一种描述应用到某些情况的元素样式的类。
<a>标签常用的伪类:
link:描述未被访问过的超链接的样式。
visited:描述访问过并且存在于浏览器内存的超链接样式。
hover:描述用户的鼠标悬停(单击之前)下的超链接的样式。
active:描述被点击但未被释放时超链接的样式。
HTML与CSS入门——第八章 使用外部和内部链接的更多相关文章
- 第六十九节,css入门基础
css入门基础 学习要点: 1.使用CSS 2.三种方式 3.层叠和继承 本章主要探讨HTML5中CSS (层叠样式表),它是用来对HTML文档外观的表现形式进行排版和格式化. 一 使用CSS CSS ...
- 【Python全栈-CSS】CSS入门
CSS入门教程 参考: http://www.cnblogs.com/yuanchenqi/articles/5977825.html http://www.ruanyifeng.com/blog/2 ...
- HTML与CSS入门经典(第9版)试读 附随书源码 pdf扫描版
HTML与CSS入门经典(第9版)是经典畅销图书<HTML与CSS入门经典>的最新版本,与过去的版本相同,本书采用直观.循序渐进的方法,为读者讲解使用HTML5与CSS3设计.创建并维护世 ...
- CSS 入门
以下内容均来自 慕课网 CSS全称为"层叠样式表 (Cascading Style Sheets)",它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小.颜色.字体加粗等 ...
- [HeadFist-HTMLCSS学习笔记][第七章CSS入门:加一点样式]
CSS入门 style元素设置CSS 基本格式 <style type="text/css"> body { background-color: #eaf3da; } ...
- CSS入门教程——定位(positon)
CSS入门教程——定位(positon) CSS定位在网页布局中是起着决定性作用. 定位 CSS的定位功能是很强大的,利用它你可以做出各种各样的网页布局.本节就介绍一些CSS常用的定位语句. 1. ...
- html&css入门详解
本系列主要讲解html与css的知识点,因为是参考的英文版的<html&css design and build websites>,所以可能会有个人翻译理解上的差错,希望观者能够 ...
- css入门二-常用样式
css入门二-常用样式总结 基本标签样式 背景色background-color 高度height; 宽度width; 边框对齐以及详细设定举例 width/*宽度*/: 80%; height/*高 ...
- 胖虎都看得懂的CSS入门
CSS入门 CSS是什么 摘自维基百科 层叠样式表(英语:Cascading Style Sheets,简写CSS),又称串样式列表.级联样式表.串接样式表.层叠样式表.階層式樣式表,一种用来为结构化 ...
随机推荐
- javascript获取标签样式(获取背景为例)
function getStyle(el){ if(window.getComputedStyle){ return window.getComputedStyle(el,null); } retur ...
- (转)根据IP返回对应的位置信息
其实就是使用了百度的IP库的功能接口,然后处理下就行了,效果图如下: 准备工作: 1.注册成为开度开发者,创建应用获得百度API调用的AK秘钥,百度开发中心地址:http://developer.ba ...
- 3月23日html(四) 格式与布局
一.position:fixed 锁定位置(相对于浏览器的位置),例如有些网站的右下角的弹出窗口. 二.position:absolute 1.外层没有position:absolute(或relat ...
- memcached全面剖析
memcached介绍如今,越来越多的Web应用程序开始使用memcached这个高速的缓存服务器软件.然而,memcached的基础知识远远未能像其他Web技术那样普及,memcached在国内的大 ...
- isArray
判断一个玩意是不是数组: (1)新方法:Array.isArray(); (2)旧方法:toString(); <!doctype html> <html lang="en ...
- IE6双倍margin间距解决方法
虽然现在很少有人在用ie6了,但作为前端人员,是不的不面对的问题. 在ie6中,使用float后的元素,在margin—left,这是你会发现距离和你想的不一样,其他的浏览器又是正常的,增大margi ...
- iphone 拨打电话的 两种方法-备
大家想不想在自己的应用中拨打电话呀?打电话可以用openURL:这个API, 如:[[UIApplication sharedApplication] openURL:[NSURL URLWithSt ...
- Android中写入读取XML
获取XML文件的基本思路是,通过getResources().getXml()获的XML原始文件,得到XmlResourceParser对象,通过该对象来判断是文档的开头还是结尾,是某个标签的开始还是 ...
- android开发3:四大基本组件的介绍与生命周期
android开发3:四大基本组件的介绍与生命周期 Android四大基本组件分别是Activity,Service服务,Content Provider内容提供者,BroadcastReceiver ...
- Unity中的关节
关节组件一共分为5大类,它们分别是链条关节.固定关节.弹簧关节.角色关节和可配置关节.链条关节(Hinge Joint):将两个物体以链条的形式绑在一起,当力量过大超过链条的固定力矩时,两个物体就会产 ...