html复习笔记-5.链接标签和图像标签

一:路径

路径分为两种
1.绝对地址:从盘符开始
2.相对地址:以自身文件为准
注意:../代表上一级目录 ./代表当前目录
路径

二:链接

使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。

1.内部链接

网站内部页面和页面之间的连接,参照上面路径那一节。
链接

2.外部链接

外部链接就是连接到其他网站上去。
链接

3.空链接

有超链接的样子,但是点击不会跳转。这种就是空链接,空链接用#表示。
链接

4.下载链接

链接的文件,浏览器无法打开,就自动出现下载。
链接

5.锚链接

新建一个锚点
链接
id表示唯一的编号。
点击超链接,连接到指定的锚点处。
链接
 #表示id的意思

6.超链接常用的属性

语法
<a href="目标网址" title="鼠标滑过显示的文本" target="_blank">链接显示的文本</a>

1.title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好);

2.只要为文本加入a标签后,文字的颜色就会自动变为蓝色(被点击过的文本颜色为紫色),我们可以用css改变样式.

3.target 属性规定在何处打开链接文档。target的属性值:_blank表示浏览器在一个新打开、未命名的窗口中载入目标文档。

<img>标签,为网页插入图片

1.在网页的制作中为使网页炫丽美观,肯定是缺少不了图片,可以使用<img>标签来插入图片。

2.语法:

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

讲解:

1、src:标识图像的位置;

2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;就是图像不能访问时显示的提                示性文本;

图像标签

3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);

4、图像可以是GIF,PNG,JPEG格式的图像文件。

本文作者:酷酷的二货

本文链接:https://www.n-1.cn/125.html

版权声明:所有文章均采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。 您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的。

如果博客部分文章出现空白或异常,请留言或者联系博主修复。
最后修改:2019 年 09 月 11 日 09 : 26 AM
如果觉得我的文章对你有用,请随意赞赏

1 条评论

  1. 辰子

    很详细

    滴!老司机卡!请上车的乘客系好安全带,现在是:Wed Sep 11 2019 10:52:03 GMT+0800 (中国标准时间)

发表评论