Htmlを勉強中なんですが、写真の挿入が上手く行きません。どなたか詳しい方教えてください！ 現在の状

Htmlを勉強中なんですが、写真の挿入が上手く行きません。どなたか詳しい方教えてください！

現在の状況
・使っているテキストエディターはAtomです。
・保存しているファイルと同じファイルにHtmlコードを保存しているので、相対パスを使用しています。
・<img src＝“mountain.jpg” alt＝“山の写真”>というふうに書いてみました。
・写真の形式はJPEGという形式だと思うのですが、パソコンにたまたまあった物を練習台として使っているので、詳しくは分かりません。
・ブラウザーには写真は表示されず、山の写真、とだけ表示されます。

勉強を始めたばかりなので、突拍子も無いことを聞いているかもしれませんが、独学ですのでとても困っています。どなたかおわかりになる方、よろしくお願いします。

No.1 回答者： gekikaraou 回答日時： 2020/10/23 20:56

そのAltの文字を右クリックして、画像を表示させてみて下さい。

Altの文字が表示されている時点で、相対パスのリンクは設定出来ているっぽいので。

Htmlファイルと画像ファイルは同じフォルダにあると言う前提です。

同じフォルダに無ければ、mountainの前にフォルダの指定を。

この回答へのお礼

gekikaraouさん
素早いご回答ありがとうございます！
Altの文字を右クリックしても画像は出てきませんでした……
ブラウザ上の、山の写真と表示されているところを右クリックして、画像を読み込む、という所をクリックしても見ましたが、何も起こりません……やはりコードが間違えているのでしょうか……？

お礼日時：2020/10/23 22:07

No.2 ベストアンサー 回答者： gekikaraou 回答日時： 2020/10/23 22:30

htmlファイルと画像は同じフォルダにあるのですよね？

使っている画像のプロパティを見て、確かにjpegの画像かどうか確認済みですよね？

一応コードの文字をその画像から取得したテキストの文字のコピーを使ってみるとか。

それでも非表示であれば、一度サーバーにあげて見てはどうでしょうか？

ブラウザの問題とか色々ありますから、ひとつひとつ可能性を消してみるしか無いかも知れませんね。

この回答へのお礼

画像に表示された名前？テキスト？をコピペしてコードの文字にしてみたら、何故か出来ました！！！同じ文字のはずなのに……何故だったんだろう……
兎にも角にも、ひとまず解決されました！ありがとうございます！！！！

お礼日時：2020/10/23 22:57