0

我正在通过开始 HTML 帮助同学。她在记事本(操作系统中的微软免费版本)中创建的 html 文件,在 IE 中查看时不显示图像(本地文件、本地图像)。代码已经在 w3 验证器中成功验证,我们多次检查图像和文件路径,图像名称,扩展名,一切都正确。

其他浏览器会显示图像(Safari、Opera、Firefox),但 IE 不会。我和他们都无法从她创建的文件中将图像显示在 IE 中。当我将相同的确切代码复制到新文档中时,删除旧文档 rename new with old name,包括 IE 在内的所有浏览器都显示图像,但没有代码更改。同样,我的相同结构的页面(这部分都是直接从教科书作为练习复制的)我的文件工作得很好。

我开始认为她的记事本安装可能有问题或已损坏。有人用记事本经历过类似的事情吗?任何人都知道帮助比新手重新安装记事本的好资源 - 或者您对文本编辑器有其他建议吗?谢谢!

对于那些不相信我的人,这是无效的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="CIW, XHTML 1.0, Habitat for Humanity"/>
<meta name="Description" content="Simple XHTML page for Habitat site"/>

<link rel="stylesheet" type="text/css" href="syb/syb.css" title="stylesheet"/>

<title>Habitat for Humanity International Summer Youth Blitz Program</title>
</head>

<body bgcolor="white">
<blockquote>
<img src="syb/SYBcollage2.png" alt="Join a summer build!"/>
</blockquote>

<h1>Join a Summer Build for Teen-agers</h1>

<blockquote>
<p>
The <em>Summer Youth Blitz</em> is a unique service experience for a diverse group of youth,
<br/>ages 16 to 18, from high schools and youth organizations around the United States. <br/>
During this program, 15 to 20 youth participants and adult leaders <br/>"blitz build" an entire
Habitat house in two weeks.
</p>
</blockquote>

<hr width="800" size="5" align="center"/>

<blockquote>
<div align="center">For more information, contact us at (800) 422-4828, ext.
2220.</div>
</blockquote>

</body>
</html>

这是工作代码...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="CIW, XHTML 1.0, Habitat for Humanity"/>
<meta name="Description" content="Simple XHTML page for Habitat site"/>

<link rel="stylesheet" type="text/css" href="syb/syb.css" title="stylesheet"/>

<title>Habitat for Humanity International Summer Youth Blitz Program</title>
</head>

<body bgcolor="white">
<blockquote>
<img src="syb/SYBcollage2.png" alt="Join a summer build!"/>
</blockquote>

<h1>Join a Summer Build for Teen-agers</h1>

<blockquote>
<p>
The <em>Summer Youth Blitz</em> is a unique service experience for a diverse group of youth,
<br/>ages 16 to 18, from high schools and youth organizations around the United States. <br/>
During this program, 15 to 20 youth participants and adult leaders <br/>"blitz build" an entire
Habitat house in two weeks.
</p>
</blockquote>

<hr width="800" size="5" align="center"/>

<blockquote>
<div align="center">For more information, contact us at (800) 422-4828, ext.
2220.</div>
</blockquote>

</body>
</html>

不知道如何说服不满意的人它是相同的代码。我只是再次尝试以确保我没有发疯。将她的 CODE 复制/粘贴到一个新文档中 - 每个字符都相同。她创建并压缩给我的文档不显示图像。我使用完全重复的代码创建的文档确实可以正常显示图像,但问题仅出现在 IE 中。我很感激你们都比我知道的多,这就是我在这里的原因,但是因为你不相信而投票否决,是什么给出的?

4

1 回答 1

2

确保您的文件保存为 htm 或 HTML 扩展名,有时在 Windows 中扩展名是隐藏的,因此您可能还需要检查文件夹选项,您正在保存的文件有 some_page.htm 或 some_page.html 而不是 some_page.htm.txt ……

就html而言。

HTML应该写得很好,并且图像应该像这样在body标签中

<html>
<head>
<title>Title of the page
</title>
</head>
<body>

<img height="175" align="center"src="images/Picture_5.png" border="0">
</body>
</html>

确保路径正确写入,如上例所示,路径是相对的,图像存储在图像文件夹中,该文件夹与 html 文件所在的位置相同。

于 2012-09-19T05:00:39.040 回答