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

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

新規登録して質問してみよう
ただいま回答率
85.35%
Windows

Windowsは、マイクロソフト社が開発したオペレーティングシステムです。当初は、MS-DOSに変わるOSとして開発されました。 GUIを採用し、主にインテル系のCPUを搭載したコンピューターで動作します。Windows系OSのシェアは、90%を超えるといわれています。 パソコン用以外に、POSシステムやスマートフォンなどの携帯端末用、サーバ用のOSもあります。

HTML

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

Q&A

解決済

4回答

1578閲覧

ドッドインストール htmlで画像を表示したい

nakagawakaito

総合スコア3

Windows

Windowsは、マイクロソフト社が開発したオペレーティングシステムです。当初は、MS-DOSに変わるOSとして開発されました。 GUIを採用し、主にインテル系のCPUを搭載したコンピューターで動作します。Windows系OSのシェアは、90%を超えるといわれています。 パソコン用以外に、POSシステムやスマートフォンなどの携帯端末用、サーバ用のOSもあります。

HTML

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

1グッド

0クリップ

投稿2020/05/27 05:58

前提 実現したいこと

<img scr="img/taro.png"> <h1>山田太郎</h1> <p>UI/UXデザイナー見習いです</p>

このように、ビジュアルスタジオコード上で入力しましたが、ウェブ上で画像のみ反映されませんでした。他に同様の質問等確認しましたが、解決できませんでした。

発生している問題・エラーメッセージ![イメージ説明]イメージ説明(536e4ba1817ee1ac1759f4237d36e545.png)

イメージ説明イメージ説明

画像が表示されない

該当のソースコード

ソースコード

試したこと

当サイトの同様の質問履歴の確認、ファイル、アプリの再ダウンロード、index.htmlフォルダーの作り直し

補足情報(FW/ツールのバージョンなど)

最近始めたばかりの初心者です、二日格闘しましたが、解決の糸口を見つけることが出来ませんでした。どうかよろしくお願いします。

yuki23👍を押しています

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

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

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

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

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

guest

回答4

0

ベストアンサー

scr -> src

投稿2020/05/27 06:11

yuki23

総合スコア1448

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

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

nakagawakaito

2020/05/27 14:11

迅速な回答ありがとうございます。自分は始めたばかりの初心者で、そのような高度な技術を持ち合わせていませんでした。今後上手く出来るようになったら使ってみたいとおもいます。どうか現状自分が持ち合わせている知識が応用できる解決策を教えてください。
technocore

2020/05/27 14:19

<img scr="img/taro.png">    ↑ まちがい
nakagawakaito

2020/05/27 14:28

scrが間違っているという事ですか?
nakagawakaito

2020/05/27 14:35

完全に思い込みでした。c rを入れ替えるだけで魔法みたいに表示できました。本当にありがとうございました。この問題で悩んでた自分が情けないです。technocoreさんこれからもお付き合いのほどよろしくお願いいたします。
guest

0

heightwidthを指定してみたら、どうなりますか?

参考:<img> - イメージ - とほほのWWW入門

投稿2020/05/27 06:24

kaputaros

総合スコア1844

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

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

nakagawakaito

2020/05/27 14:05

お忙しいところ迅速な回答していただきありがとうございます。height.width 共に設定してみましたところ、画像の枠組みは表示されましたが、画像自体は表示されませんでした。
nakagawakaito

2020/05/27 14:40

technocoreさんの回答で解決できました。自分の質問に興味を持って頂き、素早く回答していただいた kaputarosさん本当にありがとうございました。これからもどうかよろしくお願いします。
guest

0

srcのところをscrに変更しました

投稿2020/05/28 05:16

nakagawakaito

総合スコア3

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

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

0

情けないですがsrcのところscrと思い込んでいました。回答してくださった方ありがとうございます。

投稿2020/05/27 14:43

nakagawakaito

総合スコア3

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

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

yuki23

2020/05/28 03:32

初めてのようなので削除依頼までは出さなくて構いませんが、回答欄は文字通り回答を書く場所ですので、回答に対するコメントは各回答のコメント欄へお願いします。
nakagawakaito

2020/05/28 05:18

ご指摘ありがとうございます。これからは気を付けます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問