私はHTMLを始めることで仲間の学生を助けています。彼女がメモ帳 (OS では Microsoft の無料バージョン) で作成した html ファイルを IE で表示すると、画像 (ローカル ファイル、ローカル画像) が表示されません。コードは w3 バリデーターで正常に検証されました。画像とファイル パス、画像名、拡張子を複数回チェックしましたが、すべてが正しいです。
他のブラウザ (Safari、Opera、Firefox) では画像が表示されますが、IE では表示されません。私も彼らも、彼女が作成したファイルから IE で表示する画像を取得できませんでした。同じ正確なコードを新しいドキュメントにコピーすると、古いドキュメントの名前を変更して新しい名前に変更すると、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>
親指を立てる人に同じコードだと納得させる方法がわかりません。狂っていないことを確認するために、もう一度試してみました。彼女のコードをコピーして新しいドキュメントに貼り付けました-すべての文字が同じです。SHE が作成して私に圧縮したドキュメントには画像が表示されません。正確に複製されたコードで作成したドキュメントは画像を正常に表示しますが、問題は IE でのみ発生します。皆さんが私よりも多くのことを知っているという事実に感謝します。それが私がここにいる理由です。