关于img标签的相对路径和绝对路径以及a标签的一些属性问题
<!-- 当图片位置和源代码的父文件夹位置在同一父文件夹时候 应先返回父级文件夹../ 因此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标签的一些属性问题相关推荐
- HTML的基本知识-和常用标签-以及相对路径和绝对路径的区别
一.HTML的基本知识 1.网站:是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合. 网页是网站中的一"页",通常是 HTML 格式的文件,它要 ...
- 好程序员web分享图片标签、绝对路径和相对路径
为什么80%的码农都做不了架构师?>>> 图片标签.绝对路径和相对路径,[]< img >标签 代表 图片,img标签的作用是向网页中插入一张图片,并不是将图片绘制 ...
- html图像标签、绝对路径和相对路径
仅供学习,转载请注明出处 html图像标签 <img>标签可以在网页上插入一张图片,它是独立使用的标签,它的常用属性有: src属性 定义图片的引用地址 alt属性 定义图片加载失败时显示 ...
- html设置图像路径,Html图像标签、绝对路径和相对路径:
Html图像标签: 标签可以在网页上插入一张图片,它是独立使用的标签,它的常用属性有: (1)src 属性 定义图片的引用地址 (2)alt 属性 定义图片加载失败时显示的文字,搜索引擎会使用这个文字 ...
- JavaGUI编程 -- Swing之Icon、ImageIcon标签获取当前类同一级文件路径的资源
1. Swing之Icon.ImageIcon标签&获取当前类同一级文件路径的资源 1.1 Icon标签 这个是使用画笔画自己心怡的图标 示例: package GUI.Swing;impor ...
- HTML,img标签src路径错误及src路径图片无法显示问题,相对路径和绝对路径,超级详细的新手教程。
img标签src路径图片无法显示的原因. 1.路径问题,路径可分为绝对路径和相对路径. (1)绝对路径:很多编译器不能把图片的绝对路径解析出来,因此图片无法在网页中显示,而且在开发过程中,一般都是使用 ...
- Html常见标签- 排版标签 - 文本格式化标签 - 图像标签 - 链接 - 相对路径,绝对路径的使用
1. HTML常用标签 首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了. 不会再给结构标签指定样式了. HTML标签有很多,这里我们学习最为常用的,后 ...
- HTML的a标签href属性指定相对路径与绝对路径的用法讲解
href是链接前端文件的一个最常用的重要属性,这里我们就来看一下HTML的a标签href属性指定相对路径与绝对路径的用法讲解,需要的朋友可以参考下 在实际Web开发中,插入图片.包含CSS文件等都需要 ...
- SVG基本使用(二 常用属性、绘制路径/文本/超链接/图片、结构标签)
一.SVG常用属性 1.fill: 修改填充颜色 2.fill-opacity: 0~1 设置填充颜色的透明度 3.stroke: 修改描边颜色 4.stroke-width: 修改描边宽度 5.st ...
- JSP中jspinclude标签的应用中的相对路径和绝对路径
JSP中jsp:include标签的应用 1,不支持<%= %>等动态的语法,特别是page属性的值,只能是一个写死的字符串(刚听说,其实也有自己本身的一些特殊语法,以后再学) 2,对于引 ...
最新文章
- unity 骨骼击碎_保证击碎$ 100挑战的创新策略
- html转chm后脚本错误,win10系统打开chm资料弹出窗口提示脚本出现错误的恢复办法...
- 从员工出走仅剩 5 人,到一支打胜仗的铁军
- (转)Objective-C Autorelease Pools(自动释放池)详解
- char data[0]在struct末尾的用法
- ASCII码对照表(参考用)
- timeSetEvent的用法(一)
- win10安装福昕pdf双击无反应或者不是打开而是打印(只能在福昕软件中打开)的解决方法
- EOS Bios Boot Sequence 启动步骤
- 让AI燃料加速“燃烧”,IBM新一代软件定义存储来了
- keras入门(三)搭建CNN模型破解网站验证码 1
- Unity 3D 三维模型简介||
- 移动云计算究竟是做什么的?
- win7自动休眠怎么设置和取消
- PPIO边缘云聚焦音视频底层技术,探索元宇宙“登月工程”
- 自再现模形成过程matlab,激光原理课程设计--平行平面腔自再现模Fox-Li数值迭代解法及MATLAB实现.doc...
- NAS群晖Docker安装odoo16社区版和企业版教程
- 第二单元 The Opera Singer
- 问题记录:is not eligible for getting processed by all BeanPostProcessors
- 以设计美学缔造行业软实力 姊芙设计 与您共同见证