img和a标签

最新推荐文章于 2023-05-23 10:30:47 发布

青珣墨笠

最新推荐文章于 2023-05-23 10:30:47 发布

阅读量868

点赞数

分类专栏： web前端html css 文章标签：结构标签 url img a

本文链接：https://blog.csdn.net/zhangli2513/article/details/76593835

版权

web前端html css 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

网页基本结构

<!Doctype html> //声明
 <html>  //根
      <head>      
           <title></title>
           <meta  charset=utf-8>
      </head>      
      <body>  
      </body>       
</html>

img行内块标签
URL（Uniform Reseource Locator），统一资源定位，俗称，路径
作用：用来标识网络中的资源问题
URL的三种形式：
1.绝对路径：
文件从最高级目录开始的完整的路径，绝对路径就是最完整的URL
例：网络资源目录结构开始查找
协议、主机、目录路径、文件名称
2.相对路径：
相对于当前文件的位置、查找资源文件
1.同级目录（直接找）
直接输入资源文件名称即可“baidu.png”
2.子集目录（先进入）
先进入到指定文件夹，在查找资源文件“../baidu.png”
3.父级目录（先返回）
先返回到指定的父级目录处，在查找指定的资源文件”../img/baidu.png”
3.根相对路径
/img/baodi.png
/表示从网站根目录算起，找到根目录下面的文件

语法：img与a标签
属性：src:图像的路径（绝对路径、相对路径、根相对路径）
width:宽度；
height：高度；
alt:提示：1、鼠标移入时显示的文本。2、图像不显示时，显示的文本
注意：通常情况下，不需要手动改变图像的宽度和高
3、链接
能够完成简单的跳转动作
语法：,anchor缩写
属性：href:链接URL
target:目标，制定打开新网页的方式
取值_blank:在新标签页中打开
_self：在自身（当前）页面中打开（默认值）
name:定义锚点名称；
href=”mailto:邮箱”联系我们
href=”tel:手机号”多用于手机移动客服端
href=”#”空链接刷新当前页面

青珣墨笠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
img和a标签

网页基本结构<!Doctype html> //声明 <html> //根 <head> <title></title> <meta charset=utf-8> </head> <body> </body> </html>img行内块标签 URL（Unifo
复制链接

扫一扫