質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
ファイル

ファイルとは、文字列に基づいた名前又はパスからアクセスすることができる、任意の情報のブロック又は情報を格納するためのリソースです。

Atom(言語)

Atomはハードウェア記述言語で、集積回路を設計するためのコンピュータ言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

850閲覧

初心者です。画像の表示について

SagisakaTomoki

総合スコア1

ファイル

ファイルとは、文字列に基づいた名前又はパスからアクセスすることができる、任意の情報のブロック又は情報を格納するためのリソースです。

Atom(言語)

Atomはハードウェア記述言語で、集積回路を設計するためのコンピュータ言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2021/09/25 11:59

勉強し始めたばかりの初心者です。
ある書籍を買ってATOMを使って勉強しているのですが、画像を表示させことができません。
添付画像のように同じフォルダにhtmlファイルとjpgの画像を入れているのですが以下のコードではaltのnekoが表示されてしまいます。

<html lang="ja"> <head> <meta charset="UTF-8"> <title>猫の実態 </title> <meta name="description" content="猫の好きなもの、日々の生活をご紹介"> </head> <body> <h1>猫の一日</h1> <p>ひたすら寝ています</p> <img scr="neko.jpg" alt="猫"> </body> </html> ```![![イメージ説明](447fece2f145a123deefeac896d50c9f.png)](b409756dcaa6cb94ce39032e284b23dd.png) どのようにしたら表示できるでしょうか。 初歩的な質問ですがよろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2021/09/25 12:22

そういうのは多分、 (1) パスが間違っている。 (2) 画像ファイルが存在しない。 (3) ブラウザからアクセスできない場所にある。 ぐらいが想像できることですが、そこは質問者さんの方できちんと切り分けが必要かと・・・ あと、Web サーバーを使わないで自分の PC とか共有フォルダのどこかにソースを置いているケースを時々見かけますが、であれば、開発用の Web サーバーを使える環境に切り替えることをお勧めします。
m.ts10806

2021/09/25 21:14

質問タグ間違ってますので修正しておいてください。 Atom(言語)
guest

回答2

0

リファレンス貼っておきます。

<img>: 画像埋め込み要素 - HTML: HyperText Markup Language | MDN

src
画像の URL です。この属性は、 <img> 要素に必須です。

投稿2021/09/25 13:22

jhashimoto

総合スコア838

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

0

ベストアンサー

lang

1<img scr="neko.jpg" alt="猫">

src属性のスぺルが誤っています。scrになっています。

投稿2021/09/25 13:18

jhashimoto

総合スコア838

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

SagisakaTomoki

2021/09/25 14:17

ほんとですね。。。 ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問