<!-- 当图片位置和源代码的父文件夹位置在同一父文件夹时候 应先返回父级文件夹../ 因此src地址填"..\images/baby.jpg" -->
<img src="../images/baby.jpg" alt="1111" >

<!-- 当图片位置和源代码的位置在同一个文件夹时,可以直接访问。(alt属性的值是表示图片加载不出来时显示1111,不填不要紧) -->

<img src="baby.jpg" alt="111">

<!-- 下面用绝对路径,我把图片放在桌面上 -->

<img src="C:\Users\Air\Desktop\baby.jpg" alt="">

!-- 然后关于a标签的一些属性 -->

<a href="#">点击跳转</a>
<!-- 当href后面的值填 '#'时候 此时只会在本页面跳转并回到页面最顶部; -->

<a href="#mubiao1">跳转</a>

当href后面填#号时并且填id时,此时页面回到填id的那个标签

href的值也可以填别的页面的地址 例如:
<a href="test\02.html#mubiao2"></a>
此时页面会跳到02页面

还有a标签里面的target属性也要说一说;在a标签中如果不写target属性,则默认target="_self",只会在本页面跳转;
如果写了target="_blank",则浏览器会新建一个标签页并跳转到指定页面。

最后还要提一提是的base标签,base标签里面也可以写入target属性,主要是用来设置a标签中target属性;

关于img标签的相对路径和绝对路径以及a标签的一些属性问题相关推荐

  1. HTML的基本知识-和常用标签-以及相对路径和绝对路径的区别

    一.HTML的基本知识 1.网站:是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合. 网页是网站中的一"页",通常是 HTML 格式的文件,它要 ...

  2. 好程序员web分享图片标签、绝对路径和相对路径

    为什么80%的码农都做不了架构师?>>>    图片标签.绝对路径和相对路径,[]< img >标签 代表 图片,img标签的作用是向网页中插入一张图片,并不是将图片绘制 ...

  3. html图像标签、绝对路径和相对路径

    仅供学习,转载请注明出处 html图像标签 <img>标签可以在网页上插入一张图片,它是独立使用的标签,它的常用属性有: src属性 定义图片的引用地址 alt属性 定义图片加载失败时显示 ...

  4. html设置图像路径,Html图像标签、绝对路径和相对路径:

    Html图像标签: 标签可以在网页上插入一张图片,它是独立使用的标签,它的常用属性有: (1)src 属性 定义图片的引用地址 (2)alt 属性 定义图片加载失败时显示的文字,搜索引擎会使用这个文字 ...

  5. JavaGUI编程 -- Swing之Icon、ImageIcon标签获取当前类同一级文件路径的资源

    1. Swing之Icon.ImageIcon标签&获取当前类同一级文件路径的资源 1.1 Icon标签 这个是使用画笔画自己心怡的图标 示例: package GUI.Swing;impor ...

  6. HTML,img标签src路径错误及src路径图片无法显示问题,相对路径和绝对路径,超级详细的新手教程。

    img标签src路径图片无法显示的原因. 1.路径问题,路径可分为绝对路径和相对路径. (1)绝对路径:很多编译器不能把图片的绝对路径解析出来,因此图片无法在网页中显示,而且在开发过程中,一般都是使用 ...

  7. Html常见标签- 排版标签 - 文本格式化标签 - 图像标签 - 链接 - 相对路径,绝对路径的使用

    1. HTML常用标签 首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了. 不会再给结构标签指定样式了. HTML标签有很多,这里我们学习最为常用的,后 ...

  8. HTML的a标签href属性指定相对路径与绝对路径的用法讲解

    href是链接前端文件的一个最常用的重要属性,这里我们就来看一下HTML的a标签href属性指定相对路径与绝对路径的用法讲解,需要的朋友可以参考下 在实际Web开发中,插入图片.包含CSS文件等都需要 ...

  9. SVG基本使用(二 常用属性、绘制路径/文本/超链接/图片、结构标签)

    一.SVG常用属性 1.fill: 修改填充颜色 2.fill-opacity: 0~1 设置填充颜色的透明度 3.stroke: 修改描边颜色 4.stroke-width: 修改描边宽度 5.st ...

  10. JSP中jspinclude标签的应用中的相对路径和绝对路径

    JSP中jsp:include标签的应用 1,不支持<%= %>等动态的语法,特别是page属性的值,只能是一个写死的字符串(刚听说,其实也有自己本身的一些特殊语法,以后再学) 2,对于引 ...

最新文章

  1. unity 骨骼击碎_保证击碎$ 100挑战的创新策略
  2. html转chm后脚本错误,win10系统打开chm资料弹出窗口提示脚本出现错误的恢复办法...
  3. 从员工出走仅剩 5 人,到一支打胜仗的铁军
  4. (转)Objective-C Autorelease Pools(自动释放池)详解
  5. char data[0]在struct末尾的用法
  6. ASCII码对照表(参考用)
  7. timeSetEvent的用法(一)
  8. win10安装福昕pdf双击无反应或者不是打开而是打印(只能在福昕软件中打开)的解决方法
  9. EOS Bios Boot Sequence 启动步骤
  10. 让AI燃料加速“燃烧”,IBM新一代软件定义存储来了
  11. keras入门(三)搭建CNN模型破解网站验证码 1
  12. Unity 3D 三维模型简介||
  13. 移动云计算究竟是做什么的?
  14. win7自动休眠怎么设置和取消
  15. PPIO边缘云聚焦音视频底层技术,探索元宇宙“登月工程”
  16. 自再现模形成过程matlab,激光原理课程设计--平行平面腔自再现模Fox-Li数值迭代解法及MATLAB实现.doc...
  17. NAS群晖Docker安装odoo16社区版和企业版教程
  18. 第二单元 The Opera Singer
  19. 问题记录:is not eligible for getting processed by all BeanPostProcessors
  20. 以设计美学缔造行业软实力 姊芙设计 与您共同见证

热门文章

  1. xd羽化怎么调_怎样用C4D制作Icon图标骰子动效
  2. Vue 使用Vue-Cli4x 创建Vue项目
  3. 201671010402-陈靖 实验十四 团队项目评审课程学习总结
  4. 识字小程序—小程序安装hanzi-writer-miniprogram
  5. SO3,SE3,旋转,欧拉角与四元数笔记
  6. 谷歌开源GSO:3D扫描数据集:17大类、1030个家用物品、13GB
  7. 非递归遍历二叉树实现和理解
  8. 国科大学习资料--模式识别与机器学习(黄庆明)--2018期末考试题(含答案)
  9. 3D教程:浩辰3D软件[零件族],你无法拒绝的高效工具!
  10. pcb图3d模型丢失的情况解决