首页 > 代码库 > HTML学习之超链接

HTML学习之超链接

2024-07-21 18:55:36   226人阅读

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.mamicode.com/"http://www.baidu.com" accesskey="q" name="abc" title="点击进入百度" target="_top">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.mamicode.com/"http://www.baidu.com" accesskey="q" name="abc" title="点击进入百度" target="_top">html超链接>
第二个页面：
<HTML>
   <HEAD>
        <title>标题部分</title>
   </HEAD>
   <BODY>
   <a name="abc"></a>
     这是我的第一个html页面哦
   </BODY>
</HTML>


HTML学习之超链接


联系
我们