HTML--图片的插入

这是我学习html的第二天，做了图片的插入，但是无法在网页上显示出来。百度了很久才发现问题所在，而且大多数人图片加载不出来都是这个原因：路径问题。

如果图片和html文件在同一路径下，就直接使用<img src="图片名">，如果不在同一路径下，有两种方法：一是放在同一文件夹下，而是加上图片的路径名，并且记得在最开始的

路径前不要加"\"。

<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<title>食谱</title>
</head>
<body>
<table border=1 bordercolor=red cellspacing=0 height=180 align=center width=400px border=1><tr align='center'><td colspan=3>星期一菜谱</td></tr><tr align='center'><td rowspan="2">素菜</td><td><img width=70 src="茄子豆角.jpg"/>茄子豆角</td><td><img width=70 src="酸辣土豆丝.jpg"/>酸辣土豆丝</td></tr><tr align='center'><td><img width=70 src="小葱豆腐.jpg"/>小葱豆腐</td><td><img width=70 src="手撕包菜.jpg">手撕包菜</td></tr><tr align='center'><td rowspan=2>荤菜</td><td><img width=70 src="可乐鸡翅.jpg"/>可乐鸡翅</td><td><img width=70 src="剁椒鱼头.jpg"/>剁椒鱼头</td></tr>
<tr align='center'><td><img width=70 src="排骨炖玉米.jpg"/>排骨炖玉米</td><td><img width=70 src="烤全羊.jpg"/>烤全羊</td></tr>
</body>
</html>

HTML--图片的插入相关推荐

Magento2创建自定义Widget 并通过添加图片选择器插入图片
为什么80%的码农都做不了架构师?>>> 创建自定义Widget 并通过添加图片选择器插入图片自定义widget 先在模块的etc 配置文件中创建widget.xml配置文件 ...
php网页中不能上传图片,为什么我的PHP图片上传代码可以实现插入数据库但图片不能插入文件夹中？...
为什么我的PHP图片上传代码可以实现插入数据库但图片不能插入文件夹中? 关注:167 答案:4 mip版解决时间 2021-01-19 00:58 提问者慢慢学会遗忘 2021-01-18 00 ...
POI根据模板导出word文件，以及word转PDF，PDF转图片再插入PDF中（防止PDF被修改）
POI操作word和PDF POI根据模板导出word文件 word转PDF PDF转图片再插入PDF中(防止PDF被修改) POI根据模板导出word文件一.制作word模版,${xxxx}是一会 ...
制作往图片里插入视频，视频添加到图片上播放
在视频中还有个小视频同时播放,这种画中画的效果以前都学习过,那在图片上插入视频播放,可以用媒体梦工厂中的画中画功能来制作吗?这个肯定是可以的了.下面就来看看怎么的操作的吧. 先来看看图片加视频制作出来 ...
word文档的生成以及echarts图片的插入
word文档的生成以及echarts图片的插入 word文档的生成 pom.xml引入代码流程-easy result 结语 word文档的生成上一篇博客我们提到了echarts图片的生成过程!现 ...
CSS学习记录3.2/设置标签的背景颜色/控制背景图片的平铺方式/控制背景图片的位置/背景图片关联方式/背景图片和插入图片的区别/捕鱼达人背景练习/精灵图
设置标签的背景颜色: CSS中的background-color:属性,就是专门用来设置标签.bc+table 设置背景图片: CSS中的background-image: url( );的属性就是设 ...
csdn博客代码块的显示设置以及图片的插入技巧
最近在csdn写技术类的博客,发现自己写的代码段和别人显示的不一样,没有行号,格式也不完美,也不会插图片,搜看资料,整理方法如下,和大家共享一下. 一)代码段显示设置例如将以下代码段进行设置 #in ...
Web入门之VScode基本操作，文本框、输入框、单选框、多选框、列表、插入图片、插入按钮及跳转网页和页面
Web入门之VScode基本操作,表单.输入框.单选框.多选框.列表.插入图片.插入按钮及跳转网页和页面已经在VSCode中新建了.html项目,下面我们来进行一些基本的简单操作,关于如何新建项目, ...
java实现在图片上插入文字并保存。
这两天通过在网上查阅资料,了解了在图片上插入文字并保存的功能,下面记录一下. 工具类:PrintImage. package com.learning.www.utils; import java.a ...
JPG格式图片怎么插入CAD图纸
在CAD制图工作中你有遇到这一问题吗?把一张图片插入到CAD图纸中?我就常常会遇到这一问题.现在想和大家分享一下2中非常好的操作方法给大家.小伙伴们若是喜欢可以择优选择试一下.方法一:(1)运行迅 ...

HTML--图片的插入

HTML--图片的插入相关推荐

最新文章

热门文章