01网页前端HTML——超链接

一:语法格式:

<a href="url" target="打开方式">链接标题</a>

二:target属性:

属性值 说明
parent 当前窗口的上级窗口
blank 在新窗口打开
self 在同一窗口打开
top 在浏览器的整个窗口中打开

 三:超链接的类型:

1:内部链接:网站内部文件之间的链接,herf'属性设置为相对路径(相互对照的,其中任意一方改变路径随之更改)

相对路径拓展:指文件所在的路径引起和其他文件的路径关系。

2:外部链接:网站内的文件链接到网站外的文件href属性设置为绝对路径(固定不变的链接地址)

绝对路径拓展:

   windows操作系统:完整的描述文件位置的路径

  linux操作系统:以“/”为起始,/home/user/a.txt

绝对路径不利于搜索引擎表现, 相对路径在搜索引擎中表现良好(网页中的跳转尽可能多的使用相对路径)
在自己的计算机上浏览可能会一切正常,但是上传到web上浏览可能不会显示图片。  
   

3:书签链接:需要翻页,单击可查看到相应的内容。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>超链接</title>
</head>
<body>
<!--网址的跳转(默认在同一个窗口打开)-->
<a href="http://www.baidu.com" >百度</a>
<!--打开方式(新开了一个浏览器的窗口)-->
<a href="http://www.baidu.com" target="_blank">百度</a>
<!--路径问题(相对路径)当前目录./,可以省略
                      上级目录 ../ 不可以省略
                      上上级目录../../ 
-->
<a href="./denglu.html">登录</a>
<!--绝对路径-->
<a href="http:www.baidu.com"></a>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_41167340/article/details/81298584