首页 > 技术文章 > HTML超链接

ordinaryk 2016-10-29 10:03 原文

打开网页在 想要查看的位置右键单击   审查元素  则可以查看代码    点击图片右键单独打开  则可以查看图片位置

 

一.超链接 a标签   <a href=“地址”>  链接</a>  

每个链接 必须对应一个a标签   不能共用

#  表示跳转至自身位置

./  当前页面  有时可省略  比如  做锚点时

../上一个文件夹 (相对于当前文件来说)

   用法1.href(跳转) 指向 网址     跳转访问网站

2.href(跳转) 指向文件    打开文件   如果能打开 则打开文件 (如 图片  txt 网页文件)打不开的文件下载;

3.做锚点      ① 设置锚点位置 :使用<a name=名字”> 内容</a>   (内容可以没有)

                    ②<div><a href=#名字”></a> </div>            (习惯使用div 容器)

二.

1.404错误(或 not found)  表示地址错误

    2.代码规范  ① 分行  ② 换行方法: 最多换23行  每个模块之间内容放在一起   模块与模块之间  留空行  方便检查  

    3.标签规范   先写开始在写结尾   最后写内容

  .

1.图片 单标签   <img  src=“图片位置”  />      src(来源))

<img  src=“图片位置”width=300height=200alt=“图片提示当图片没显示出来时提示信息”  title=“鼠标放在图片上时提示信息”  />

2.图片超链接    <a  href=“网址”><img src=图片地址”></a>

3.图片热点:  

<img src=”图片地址” usemap=“名字”>

<map name=”名字”><area  shape=”black”  coords=“对角线坐标中间逗号隔开”href=“网址”></map>;

推荐阅读