HTML超链接

时间:2024-01-13 15:34:56

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

一.超链接 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.代码规范  ① 分行  ② 换行方法: 最多换2到3行  每个模块之间内容放在一起   模块与模块之间  留空行  方便检查

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

三.

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

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

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

3.图片热点:

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

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