img标签插入图片的方法
img标签的使用方法
代码如下:
基本语法
<img src="图片的路径" >(都是网页找图片的路径)
(1)当网页和图片在同一个文件夹时(都没有被包)
<img src="img.jpg">
(2)当网页和图片所在的文件夹同级时(图片被包起来)
<img src="data:images/img.jpg">
(3)当网页和图片各自所在文件夹同级时(都被包起来)
<img src="../img.jpg">
文件寻找方法:
打开文件夹(文件名/)
返回上一级(../)
当前文件夹(./).
图片属性 :
alt="图片不能正常显示时图片原位置出现提示文字"
title="鼠标悬浮上去时显示提示文字"
总结
以上是对img标签的小总结,后期将继续更新html基础知识点
文章为原创内容,要是遇到有不合适的地方欢迎赐教
img标签插入图片的方法相关推荐
- Markdown插入图片的方法
Markdown插入图片的方法 Markdown插入图片的语法: \!\[alt 属性文本](图片地址) \!\[alt 属性文本](图片地址 "可选标题") 说明: 以感叹号开头 ...
- Python往图片写入文字,插入图片的方法
Python往图片写入文字,插入图片的方法 使用情景 效果 代码 使用情景 做短视频编辑的时候,经常需要向图片中写入一些文字,插入图片,以增加图片的美观.本文将介绍使用python的Pillow库,将 ...
- 关于PyQt5在Label标签插入图片并且实现图片的拖拽和缩放
作为菜鸟为了实现这两个功能,肯定是要借鉴一下大佬的文章的,下面的链接就是我思路的源头: https://blog.csdn.net/qq_36780295/article/details/108844 ...
- 关于LaTex 插入图片的方法
我们在进行LaTex编辑的时候常常需要插入图片,这里介绍插入的基本命令,包括了图片缩放,长宽设置,图片居中 \includegraphics{图片文件名称} %这是图片原图插入不做仍和缩放和修改 %注 ...
- Markdown 插入图片的方法
方法一 在云普通笔记中贴上需要的图片,然后分享该笔记,再从分享的笔记链接进去,选中图片右键选择复制图片地址,再粘贴回云笔记中就可以了,格式![image name](http://link) 方法二 ...
- html css插图片不显示,新手问个比较弱智的问题我用img标签插入图片显示不出来时怎么回事?_html/css_WEB-ITnose...
起初我是写的代码,图片显示不出来.然后我直接插入图片还是显示不出来. 这个问题比较小.不过还是请帮忙解决下.谢谢. 回复讨论(解决方案) 路径正确吗? 还有图片正常吗 一般都是路径问题,相对路径不行的 ...
- 插入图片的方法及注意
1.注意: !有时候图片的名称尽量用英语字母来表示,因为这样就不会出错,电脑有时候一些汉字识别不出了,就比如下面的图,我就用aa来代替了屏幕截图https://img-blog.csdnimg.cn/ ...
- a标签嵌套图片使用方法
操作:鼠标左键单击汤姆猫,页面会跳转到一个百度的主页 编码需要注意的要点: 1.<a>尾部一定不能忘记添加close tag,否则不能形成完整的标签 2.<img>属于比较特殊 ...
- html div里添加图片,HTML div 标签插入图片
美工想做一个DIV + CSS 布局的网页 页面布局如图 DIV1.DIV2.DIV3为背景层用来放置背景图片需要无缝拼接 DIV1a.DIV1b.DIV1c属于DIV1 DIV2a.DIV2b属于D ...
最新文章
- 《卓有成效的程序员》----读书笔记一
- orika java_Orika JavaBean映射工具探秘
- 近期有哪些值得读的QA论文?| 专题论文解读
- opencv学习笔记20:图像轮廓
- python日历下拉框_python日历来计算月份倒退
- 支付宝为何放弃社交梦?
- java 正则表达式 逻辑符号
- mysql最早出现的数据模型_在数据库发展史中出现的数据模型有哪些
- Java —— Reflect反射机制
- 监督学习的分类:判别/生成模型,概率/非概率模型、参数/非参数模型
- 【Mac】Mac 使用 zsh 后, mvn 命令无效
- 在java中2l是什么_(二)常量定义
- LINUX终端可以使用reset清除所有输出
- 矩阵分解 Cholesky分解
- python体重转换_Python第十二课 计算体脂率2.0
- 寻址方式(立即寻址、直接寻址、间接寻址、寄存器寻址、寄存器间接寻址)
- 向量的数量积和向量积
- 127.0.0.1和localhost和本机IP三者的区别!!!
- 如何获取注册高德Key使用的SHA1值
- 特斯拉AI Day:车企能造好机器人吗?
热门文章
- CSS设置表格行列,给bootstrap table设置行列单元格样式
- jQuery 绑定3种键盘事件 keypress(键盘键按下,功能键和中文不触发),keydown(键盘键按下,所有键都触发),keyup(键盘键松开)
- Git命令全解析-前端备忘录
- Android 判断是否安装应用宝,并跳到应用中去
- 【征稿】第三届电子、信息与计算技术前沿国际会议(ICFEICT 2023)
- python中的帮助系统_python系统模块
- 计算机代码画玫瑰,如何用代码画一朵玫瑰花
- python保存不了_python文件无法保存怎么解决
- Truffle Unbox failed问题解决方法
- 相信就能创造无限可能,捂碳星球荣获海南青创大赛一等奖