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:描述被点击但未被释放时超链接的样式。

  

上一篇:js 原型 对象篇


下一篇:Mybatis各种模糊查询