顶部和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

同学你好, 由于同学使用的绝对路径,可能是引入图片的路径书写有误,老师这边无法准确的测试, 建议:同学检查一下引入图片的路径是否有问题

对于同学粘贴这段代码的其他建议:

  1. 因为同学完整作业后,需要将你的项目提交了,所以使用相对路径的话,提交作业的时候,就不需要再调整图片路径问题了, 

    示例:作业中使用的所有图片放在images文件夹下,然后通过相对路径引入图片

    http://img.mukewang.com/climg/5daff89309b4309202220060.jpg

    http://img.mukewang.com/climg/5daff92a09dad7c107300076.jpg

    http://img.mukewang.com/climg/5daff931098c305109210079.jpg

  2. 中间导航这里可以使用span标签替代pre标签实现效果, 给tr添加align=“center”属性, 然后给每个单元格设置百分比宽度,让单元格整体都水平居中显示

    http://img.mukewang.com/climg/5daff986090016ad16490911.jpg

    效果图:

    http://img.mukewang.com/climg/5daff9ab095d5d8519180699.jpg

同学可以自己下去测试一下哦

如果还有疑惑, 可以将你的图片所在路径截图粘贴过来,以及你书写的完整代码粘贴过来 便于老师帮助同学准确高效的定位与解决问题

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~


1

0 学习 · 40143 问题

查看课程