前提・実現したいこと
ここに質問の内容を詳しく書いてください。
(例)PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。
発生している問題・エラーメッセージ
[超初心者です]HTMLで画像が表示されない。
該当のソースコード
HTML
試したこと
ネットで同じような症状を検索してみたものの、3日経過しているが解決には至っていない。
文字の打ち間違いとかコードの誤打によるものではなく、PC上のファイルがうまく連動していない気がする。
補足情報(FW/ツールのバージョンなど)
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>太郎のポートフォリオサイト</title> <link rel="icon" href="favicon.icon"> <mata name="descriotion" content="太郎のポートフォリオサイトです。"> </head> <body> HOME ABOUT <img src="img/header.png" width="400" height="130" alt="ヘッダー画像"> <img src="img/taro.png" width="140" height="140" alt="太郎のアイコン"> <h1>梅村洋平</h1> <p>UI/UXデザイナー見習いです</p> </body> </html><url="/Users/umemurayouhei/Desktop/ img/index.html">
ファイルのパスは合ってますか?
そのhtmlファイルがある階層から始めるので、例えばですがhtmlファイルのパスが/User/Desktop/~.htmlで、画像のファイルがあるパス/User/Desktop/images/~.imgならば、
src="images/~.img"と書く必要があります。
只今画像をURLに変換したら一応画像表示することが出来ました!
丁寧に教えていただき有難うございました。まだ初めて間も無く疑問点がさらに出てくるかと思うので、その時にはまたよろしくお願いします!
頑張ってください!
追伸)
念のためですが、自己解決を押した方が良いかと思います。
あの、このデモドットインストールですか?
質問の書き方も、他の質問を参考に工夫すると、
より回答が得られやすくなります。
責めてはいませんが、「該当のソースコード」に
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>太郎のポートフォリオサイト</title>
<link rel="icon" href="favicon.icon">
<mata name="descriotion" content="太郎のポートフォリオサイトです。">
</head>
<body>
HOME
ABOUT
<img src="img/header.png" width="400" height="130" alt="ヘッダー画像">
<img src="img/taro.png" width="140" height="140" alt="太郎のアイコン">
<h1>梅村洋平</h1>
<p>UI/UXデザイナー見習いです</p>
</body>
</html>
を書くのにも注意してください。
そうです!わざわざ有難うございます!
また、「発生している問題・エラーメッセージ」には、タイトルではなく、
ブラウザのコンソールや実行時のエラー内容を記入してください。