19939905379

网站建设 APP开发 小程序

知识

比如我们在上一篇中练习过的标签构成的超链接元素中有一个href属性,这个属性指定的是点击后跳转的页面地址,相同的标签改变href属性就能跳转不同的页面。例如ahref=歼-20战斗机ah

您当前位置>主页 > 知识 > APP开发 >

HTML元素中的属性1

发表时间:2020-04-19 12:34

文章来源:佚名

比如我们在上一篇中练习过的标签构成的超链接元素中有一个href属性,这个属性指定的是点击后跳转的页面地址,相同的标签改变href属性就能跳转不同的页面。例如

a href=https://www.bilibili.com/read/cv2720755歼-20战斗机a href=http://mil.chinanews.com/mil/hd2011/2014/03-06/315569.shtml歼-20战斗机!-- 注释 看起来一样的超链接元素因为href属性不同,打开的页面也不同。--小伙伴们自己写的时候要注意使用半角符号,不然不能正确打开链接。

超链接元素中还有一个控制链接页面打开的属性叫做target,是用来控制新打开页面窗口的位置。下面我们就看看target属性为_blank和_parent的情况下的不同。例如

a href=https://www.bilibili.com/read/cv2720755 target=_blank歼-20战斗机a href=http://mil.chinanews.com/mil/hd2011/2014/03-06/315569.shtml target=_parent歼-20战斗机!-- 注释 看起来一样的超链接元素因为target属性不同,打开的页面所在窗口不同。--测试后,target=_blank时,新页面在测试页面窗口旁边新建一个窗口打开。

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

!DOCTYPE HTMLhtmlhead title第一个网页/title/headbodyh1第一个网页/h1hra href=https://www.bilibili.com/read/cv2720755 target=_blank title=中国最先进战斗机歼-20战斗机/body/html效果如图:当鼠标移动到超链接上时,中国最先进战斗机的说明就出现在下侧。

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

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

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

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

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

相关案例查看更多