html中的<a>和<img>标签用法

html中的<a>和<img>标签用法,第1张

<a href=http://www.jhqch.com>

This is a link

这个写法是不对的。。

虽然运行起来都是可以,这是因为有些浏览器会给自动补齐的。。按F12查看,它其实后面给你补上了</a>

img在w3c中规定是没有结束标签的。。所以他的写法应该是

<img src="" />

<!doctype html>

<html>

 <head>

  <meta charset="UTF-8">

  <title>Document</title>

  <style>

div{

width:800px

border:1px solid red

margin:0 auto

}

img{

width:400px

height:200px

vertical-align:middle

}

  </style>

 </head>

 <body>

    <div>

<img  src="jingfeng18.png" />

<a href="###">baidu:jingfeng18</a>

</div>

 </body>    

</html>

把图片换成自己的就行了。

点击后不会跳转:

跳转到其它页面指定位置:

2.下级

目标文件所在的文件夹与HTML文件处于同一个文件夹,目标文件就是HTML文件的下级关系。用 目标文件夹名/目标文件名 表示。若目标文件藏的比较深在下下级,则文件夹的名字可以一直往下延伸到找到目标文件为止。

格式:

3.上级

目标文件与HTML文件所在的文件夹处于同一个文件夹,目标文件就是HTML文件的上级关系。用 ../目标文件名 表示。以此类推若是上上级就是 ../../目标文件名

格式:

4.上下级搭配使用

例如目标文件所在的文件夹在HTML文件的上上级,则我们可以先通过 ../../ 找到目标文件所在的文件夹,然后再通过下级 目标文件夹名/目标文件名 找到目标文件。

格式:

绝对对路径赋值:

直接从指定的盘符开始查找一直找到目标文件。用 / 表示当前磁盘根目录

格式:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6303981.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存