顶部和banner区的图片为何不能正常显示
来源:3-10 作业题
全栈丶obj
2019-10-23 14:25:13
<--两个div包含顶部与banner区域-->
<div>
<table width="100%" bgcolor="E1F2F9" height="50px">
<tr>
<td>
<img src="D:\photo\素材\images\logo.png">
</td>
<td>
<pre align="center">学校概况 机构设置 师资队伍 科学研究 招生就业 图书馆 校长信箱 校园导航</pre>
</td>
<td></td>
</tr>
</table>
<div>
<img src="D:\photo\素材\images\banner.jpg" width="100%"/>
</div>
1回答
好帮手慕慕子
2019-10-23
同学你好, 由于同学使用的绝对路径,可能是引入图片的路径书写有误,老师这边无法准确的测试, 建议:同学检查一下引入图片的路径是否有问题
对于同学粘贴这段代码的其他建议:
因为同学完整作业后,需要将你的项目提交了,所以使用相对路径的话,提交作业的时候,就不需要再调整图片路径问题了,
示例:作业中使用的所有图片放在images文件夹下,然后通过相对路径引入图片
中间导航这里可以使用span标签替代pre标签实现效果, 给tr添加align=“center”属性, 然后给每个单元格设置百分比宽度,让单元格整体都水平居中显示
效果图:
同学可以自己下去测试一下哦
如果还有疑惑, 可以将你的图片所在路径截图粘贴过来,以及你书写的完整代码粘贴过来 便于老师帮助同学准确高效的定位与解决问题
如果帮助到了你, 欢迎采纳!
祝学习愉快~~~
相似问题