HTML学习之超链接

来源：互联网发布：专业足球数据app 编辑：程序博客网时间：2024/05/22 00:24

HTML超链接：

超链接是一个网站的重要元素之一，一个网站由多个页面组成，各页面之间是通过超链接来确定相互关系的，每个页面的地址都不同。

格式:<A>这是一个连接</A>

href设置超链接目标地址URL

name 在html文档中建立特定位置的名称

target设置被链接的网页打开时的窗口_blank/_parent/_self/_top

accesskey设置超链接的快捷键

title设置超链接的说明文字

style运用css样式设置超链接文字样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">    <head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>无标题文档</title>    </head>    <body >   <marquee direction="right" behavior="alternate" bgcolor="#3333FF">   hello,great boy.......     </marquee>      <a href="http://www.baidu.com" accesskey="q" name="abc" title="点击进入百度" target="_top">html超链接</a></html>

HTML超链接的锚点：是指同一页面中的不同位置链接。

一个网页的内容很长，我们就可以在网页的顶部设置一些锚点，这样便可以方便浏览者点击相应的锚点，到达本页内相应的位置，而不必在一个很长的网页里自行寻找。

测试实例如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">    <head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>无标题文档</title>    </head>    <body >   <marquee direction="right" behavior="alternate" bgcolor="#3333FF">   hello,great boy.......     </marquee>     <a name="test1.html"></a>    test1.html   <hr>   <a href="http://www.baidu.com" accesskey="q" name="abc" title="点击进入百度" target="_top">html超链接</a>      <a href="test1.html#name2" name="name1">页面内的描点一</a>   <br><br><br><br><br><br><br><br><br><br><br><br>    <br><br><br><br><br><br><br><br><br><br><br><br>   <a href="test1.html#name1" name="name2">页面内的描点二</a>   <br><br><br><br><br><br><br><br><br><br><br><br>   <a href="hello.html#abc" name="cba">页面外的描点一</a>   <br><br><br><br><br><br><br><br><br><br><br><br>    </html>

第二个页面：

<HTML>   <HEAD>        <title>标题部分</title>   </HEAD>   <BODY>   <a name="abc"></a>     这是我的第一个html页面哦   </BODY></HTML>

0 0