html 超链接

ゞ 浴缸里的玫瑰 2021-07-24 21:43 685阅读 0赞 
  1. **超链接(行内元素)**
  2.     <a>一定要写点击超链接名称,可以是文字或图片</a>
  3.         属性
  4.             href
  5.                 写要跳转的网页资源路径
  6.                 资源：
  7.                     本地资源：相对路径/绝对路径，本地的html文件
  8.                     网络资源：网页的url
  9.                     href='javascript:;' 表示禁止跳转
  10.             title
  11.             鼠标放置超链接显示的文字
  12.                 <a href="4.html" title="4.html">跳转到图片标签</a>
  13.             target
  14.             指定要跳转的网页资源的显示位置
  15.                 target="_blank"
  16.                     表示在新标签页中打开
  17.                 target="_self"
  18.                     表示在当前标签页中打开
  19.                 target="_top"
  20.                     表示在顶层页面中显示,最开始的那个页面(父级的第一个)
  21.                 target="_parent"
  22.                     表示父级页面中显示
  23. **代码示例：**
  24. <html>
  25.     <head>
  26.         <title>超链接标签学习</title>
  27.         <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  28.     </head>
  29.     <body>
  30.         <h3 align="center">超链接</h3>
  31.         <hr size="30" color="coral"/>
  33.         <!--点击文字跳转,本地资源-->
  34.         <a href="4.html" title="4.html" target="_blank">跳转图片标签</a> <!--href里写要跳转的资源路径-->
  36.         <h3 align="center">点击图片标签学习超链接</h3>
  37.         <hr size="30" color="burlywood"/>
  39.         <!--点击图片跳转,本地资源-->
  40.         <a href="3.html" target="_blank"><img src="img/1.jfif"  width="200px" title="跳转列表标签" /></a>
  42.         <h3 align="center">网络资源超链接</h3>
  43.         <hr size="30" color="bisque"/>
  45.         <!--网络资源-->
  46.         <a href="http://www.taobao.com" target="_blank">淘宝一下</a>
  47.         <br />
  48.         <a href="http://www.baidu.com" target="_blank"><img src="img/百度图标.png"/ title="跳转百度" width="200px"/></a>
  50.         <hr size="30" color="begge"/>
  51.         <h3 align="center">锚点学习</h3>
  53.         <!--锚点学习-->
  56.     </body>
  57. </html>

发表评论

表情：
评论列表 （有 0 条评论，685人围观）

还没有评论，来说两句吧...

相关阅读

    相关 HTML-03-超链接

    链接格式 <a href="跳转目标" target="新窗口打开方式"> 文本或者图片</a> href用于指定链接目标的url地址，当标签应用href

    灰太狼灰太狼/ 0 赞/ 362 阅读

    相关 HTML——超链接

             一、What？——什么是超链接     先说一下我个人目前对“超链接”的理解，就两字：跳转     哈哈，我个人的理解好像解释的有点简单粗暴了，比原词还

    青旅半醒青旅半醒/ 0 赞/ 443 阅读

    相关 HTML：建立超链接

    第三章：建立超链接 超级链接是HTML文档中的最基本特征之一，他能够让浏览者在各个独立的页面之间方便的跳转。每个网站都是由众多的网页组成，网页之间通常通过链接方式相互关联

    Love The Way You LieLove The Way You Lie/ 0 赞/ 456 阅读

    相关 HTML之超链接

    HTML文本之所以被称为超文本，就是因为它具有普通文本所不具有的超链接功能。我们在浏览HTML文档时，可以通过点击关键字（一个超链接），来跳转页面。 要让超链接能够正常工作，

    分手后的思念是犯贱分手后的思念是犯贱/ 0 赞/ 380 阅读

    相关 HTML超链接怎么做

    页超链接怎么做？html怎么加超链接？我们在阅读文章的时候，会看到文字加了一个链接，点击之后，跳到另外一个页面，很多人好奇，下面我们来讲解一下超链接怎么做？ ![for...

    灰太狼灰太狼/ 0 赞/ 876 阅读