Sublime中图片的插入

来源:互联网 发布:出名的网络翻唱歌手 编辑:程序博客网 时间:2024/05/16 10:48

这是我学习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>

                                                                         

0 0
原创粉丝点击