链接

1、href

   (1)a：几种操作：

a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00;font-size:150%} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */

注释：在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后，这样才能生效！

注释：在 CSS 定义中，a:active 必须位于 a:hover 之后，这样才能生效！

   （2）属性

值 描述
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。

Common -- 一般属性
accesskey -- 代表一个链接的快捷键访问方式
charset -- 指定了链接到的页面所使用的编码方式,比如UTF-8
coords -- 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用x,y坐标
href -- 代表一个链接源(就是链接到什么地方)
hreflang -- 指出了链接到的页面所使用的语言编码
rel -- 代表文档与链接到的内容(href所指的内容)的关系
rev -- 代表文档与链接到的内容(href所指的内容)的关系
shape -- 使用图像地图的时候可以使用shape指定链接区域
tabindex -- 代表使用"tab"键,遍历链接的顺序
target -- 用来指出哪个窗口或框架应该被此链接打开
title -- 代表链接的附加提示信息
type -- 代表链接的MIME类型

•   去掉下划线: TEXT-DECORATION:   none     

   （3）定制窗口的外观

</LI>
<LI><!-- </LI>
<LI>window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no') </LI>
<LI>//写成一行 </LI>
<LI>--> </LI>
<LI>

参数解释：


js脚本开始； </LI>
<LI>window.open 弹出新窗口的命令； </LI>
<LI>'page.html' 弹出窗口的文件名； </LI>
<LI>'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替； </LI>
<LI>height=100 窗口高度； </LI>
<LI>width=400 窗口宽度； </LI>
<LI>top=0 窗口距离屏幕上方的象素值； </LI>
<LI>left=0 窗口距离屏幕左侧的象素值； </LI>
<LI>toolbar=no 是否显示工具栏，yes为显示； </LI>
<LI>menubar，scrollbars 表示菜单栏和滚动栏。 </LI>
<LI>resizable=no 是否允许改变窗口大小，yes为允许； </LI>
<LI>location=no 是否显示地址栏，yes为允许； </LI>
<LI>status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； </LI>
<LI> js脚本结束

   

    （4）制定图像链接

    （5）框架链接

html_contents.html


Frame a
Frame b
Frame c

    (6)同一页面的不同位置

查看 Chapter 4。


Chapter 1
This chapter explains ba bla bla

Chapter 2
This chapter explains ba bla bla

Chapter 3
This chapter explains ba bla bla

Chapter 4
This chapter explains ba bla bla

    （7）邮件链接

发送邮件
这是另一个 mailto 链接：发送邮件！

注意：应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。