html中target属性的用途,htmltarget属性是什么意思

首页 > 技术 > 作者:YD1662023-04-16 23:37:11

新页面在原窗口处打开。

html中target属性的用途,htmltarget属性是什么意思(5)

<a>标签的target属性还有_self、_top这样的属性,感兴趣的小伙伴可以自行测试。

一般HTML元素的通用属性有:class 、id 、style 、title这四类,其中class 、id 、style这三个属性会在CSS的讲解中详细学习。

下面我们通过练习来看看title属性的作用。

HTML元素属性使用练习1

NO.1: title

title属性用于显示元素的额外信息使用。示例代码如下:

<!DOCTYPE HTML> <html> <head> <title>第一个网页</title> </head> <body> <h1>第一个网页</h1><hr> <a href="https://www.bilibili.com/read/cv2720755" target="_blank" title="中国最先进战斗机">歼-20战斗机</a> </body> </html>

效果如图:当鼠标移动到超链接上时,"中国最先进战斗机"的说明就出现在下侧。

html中target属性的用途,htmltarget属性是什么意思(6)

NO.2:href/src/url

这三个属性虽然写法不同,但都是为元素指定路径使用的。不属于通用属性。

例如<a>标签中指定链接路径使用的是href,而<img>标签中导入图片的路径是src,url在css中也常用来引入链接。具体练习大家可以翻看《HTML中的元素使用方法2——零基础自学网页制作》一文。

这里要介绍的是关于网页中的路径的两个重要概念:绝对路径相对路径

绝对路径是指文件在硬盘上真正存在的路径。

相对路径就是相对自己的目标文件的位置。

怎么理解这两个概念呢?举个例子:

如果我们要在"第一个页面.html"中显示一张图片image1.jpg,它们都在我的"D盘/零基础自学网页制作"这个文件夹中。如图:

html中target属性的用途,htmltarget属性是什么意思(7)

如果用绝对路径导入写法是这样的:

<img src="file:///D:/零基础自学网页制作/image1.jpg"/>

相对路径这样写:

<img src="image1.jpg"/>

大家观察一下,也看出了绝对路径与相对路径的区别了。

另外,这样的链接也属于绝对路径:href="https://www.bilibili.com/read/cv2720755"

那么什么时候使用相对路径什么时候使用绝对路径呢?这个问题我会在明天深入为大家讲解,这涉及到网页或网站上传服务器的问题。

做教程确实是没什么人看,但是我依然会坚持,我是一名高校教师(认证资料等疫情结束后去办公室拍摄上传吧),把自己的知识写出来对自己来说是一个提高,也把原来很多常用却不甚了然的概念再次打磨清晰是我最大的收获。本篇教程针对完全没有基础的网页制作学习者,利用碎片时间学习,只要我们坚持,必然可以完成网页制作的学习,为未来学习更加复杂的内容打下基础!

喜欢的小伙伴请关注我,阅读中遇到任何问题请给我留言,如有疏漏或错误欢迎大家斧正,不胜感激!

HTML完整学习目录,
上一页12末页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.