html链接之超链接< a>标签的用法

原创 PHP笔记  2017-03-14 17:16  阅读 1,925 views 次

html网页中的超链接是使用来与另一个网页相连的,超链接应用非常广泛,一般在所有的网页中都能找到,点击链接就可以从当前页面跳转到另一个页面。超链接的内容可以是一个字、一个词、一段话,也可以是图片,您可以点击这些内容来跳转到新的网页或者当前网页的某个位置。

超链接的表现:

  1. 鼠标指针移动到链接上,箭头会变为一只小手。
  2. 未点击过的链接显示为蓝色字体并带有下划线。
  3. 访问过的链接显示为紫色并带有下划线。
  4. 点击链接时,链接显示为红色并带有下划线。
  5. 超链接设置了css样式,表现会根据css设定的显示。

格式:

<a href="链接的地址">链接的内容</a>

实例:

......
<body>
<a href="https://www.ggbiji.com/">PHP笔记</a>
 </body>
......

<a>标签也可以有属性

target属性:规定在何处打开链接文档。

实例:

......
<body>
<a href="https://www.ggbiji.com/" target="_blank">PHP笔记</a>
 </body>
......

说明:实例点击链接会在新窗口中打开,target属性有以下属性值:

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

name/id属性:

您可以使用 name 属性创建 HTML 页面中的书签。书签不会以任何特殊方式显示,它对读者是不可见的,我们可以创建直接跳至该命名锚的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。使用id属性也可以达到相同的效果。

格式:

  1. <a name="锚的名称">显示在页面上的文本</a>
  2. <a href="地址+#锚的名称">链接内容</a>

实例:

<a name="a">文本1</a>
<a href="#a">跳到文本1</a>

说明:以上方法一般用于大网页有几个章节,从一个章节跳到另一个章节,不用滚动鼠标,直接跳过去,让用户体验更好。

注意:文件夹地址末尾请加上斜杠,如果不加像链接:"https://www.ggbiji.com/web-fore-end/html"这样,就会向服务器产生两次请求。服务器会将正斜杠添加到这个地址,然后创建一个新的请求:"https://www.ggbiji.com/web-fore-end/html/"。

本文地址:https://www.ggbiji.com/html-a.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情