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

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

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

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

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

443閲覧

HTMLの画像が表示されない

hilhilyzyan

総合スコア19

HTML

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

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2018/01/08 05:37

編集2018/01/08 06:20

HTMLとCSSのコードを書いて、インターネットエクスプローラで実行させてみたところ、画像が表示されません。

サーバーはまだ契約しておらず、ファイルをインターネットエクスプローラで表示させて練習しています。

サーバーと契約しないと画像って表示されないのでしょうか?
エッジでもクロムでも表示されませんでした。
どなたかご回答よろしくお願いします。

[追記]

HTML

1<img scr="images/image_1.jpg" width="916" height="437" alt="画像の練習">

ファイル構成は、

■ドキュメント(フォルダ)
・index.html
・images(フォルダ)
-image_1.jpg
・css(フォルダ)
-style.css

開発環境は、
・Windows10
・テキストエディタ(Atom)
のみです。

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

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

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

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

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

kei344

2018/01/08 05:47

ファイル構成と、HTMLのコードを提示ください。
退会済みユーザー

退会済みユーザー

2018/01/08 06:05

開発環境を具体的に書けませんか? 例えば(あくまで例えば)、OS が Windows で Professional 以上とかですと付属の IIS を使うというアドバイスもできるのですが、開発環境が分からないと何も提案できません。
hilhilyzyan

2018/01/08 06:21

修正しましたので、ご確認ください。まだ初心者なので、分かりやすく教えていただけると助かります。
退会済みユーザー

退会済みユーザー

2018/01/08 06:38

Windows10 とのことですがエディションは何ですか? そこが重要で Professional 版でないと IIS が使えません。使えないとまた別の提案になるのですが・・・
guest

回答1

0

ベストアンサー

HTMLの記述にミスがあります

html

1<img scr="images/image_1.jpg" width="916" height="437" alt="画像の練習">

となっているのですが、srcscrとしているので、以下のように変更することで表示されます

html

1<img src="images/image_1.jpg" width="916" height="437" alt="画像の練習">

投稿2018/01/08 06:27

kenny_sayama

総合スコア1036

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

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

hilhilyzyan

2018/01/08 06:43

ずっと勘違いしていました。 こんな初歩的なミスですみません。 ありがとうございました!
退会済みユーザー

退会済みユーザー

2018/01/08 06:47

scr を src に直しただけで表示できたということは、もともと開発環境でローカルの Web サーバーを使っていたということですか?
kei344

2018/01/08 06:50

To:SurferOnWwwさん ブラウザにドラッグアンドドロップでローカルで表示させているのでは。
退会済みユーザー

退会済みユーザー

2018/01/08 06:53

> ブラウザにドラッグアンドドロップでローカルで表示させているのでは。 そういう方法があるのですか・・・ 知りませんでした。
kenny_sayama

2018/01/08 12:28

> SurferOnWww さん HTML、CSS、JavascriptはWebブラウザで動作するのでHTMLファイルをWebブラウザに読み込ませることで表示をさせることが出来ます。PHPやRuby、Pythonなどはサーバー側で動作する言語なので、サーバーがないと動作検証をすることが出来ないです
hilhilyzyan

2018/01/09 09:24

そうです、kei344さんとkenny_sayamaさんの言う通りです。 代わりにお答えいただきありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問