新页面在原窗口处打开。
<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>
效果如图:当鼠标移动到超链接上时,"中国最先进战斗机"的说明就出现在下侧。
NO.2:href/src/url
这三个属性虽然写法不同,但都是为元素指定路径使用的。不属于通用属性。
例如<a>标签中指定链接路径使用的是href,而<img>标签中导入图片的路径是src,url在css中也常用来引入链接。具体练习大家可以翻看《HTML中的元素使用方法2——零基础自学网页制作》一文。
这里要介绍的是关于网页中的路径的两个重要概念:绝对路径、相对路径。
绝对路径是指文件在硬盘上真正存在的路径。
相对路径就是相对自己的目标文件的位置。
怎么理解这两个概念呢?举个例子:
如果我们要在"第一个页面.html"中显示一张图片image1.jpg,它们都在我的"D盘/零基础自学网页制作"这个文件夹中。如图:
如果用绝对路径导入写法是这样的:
<img src="file:///D:/零基础自学网页制作/image1.jpg"/>
相对路径这样写:
<img src="image1.jpg"/>
大家观察一下,也看出了绝对路径与相对路径的区别了。
另外,这样的链接也属于绝对路径:href="https://www.bilibili.com/read/cv2720755"
那么什么时候使用相对路径什么时候使用绝对路径呢?这个问题我会在明天深入为大家讲解,这涉及到网页或网站上传服务器的问题。
做教程确实是没什么人看,但是我依然会坚持,我是一名高校教师(认证资料等疫情结束后去办公室拍摄上传吧),把自己的知识写出来对自己来说是一个提高,也把原来很多常用却不甚了然的概念再次打磨清晰是我最大的收获。本篇教程针对完全没有基础的网页制作学习者,利用碎片时间学习,只要我们坚持,必然可以完成网页制作的学习,为未来学习更加复杂的内容打下基础!
喜欢的小伙伴请关注我,阅读中遇到任何问题请给我留言,如有疏漏或错误欢迎大家斧正,不胜感激!
HTML完整学习目录