teratail header banner
teratail header banner
質問するログイン新規登録
HTML

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

CSS

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

Q&A

解決済

2回答

398閲覧

画像が表示されずエラーになってしまいます。

Sane

総合スコア5

HTML

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

CSS

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

0グッド

0クリップ

投稿2022/01/19 06:28

0

0

imgタグのところに画像ファイルを入れたのですが、エラー表示になってしまいます。どうしたら表示されるようになるのでしょうか?

<body> <header> <h1>○○○○○</h1> </header> <div class="container" id="about"> <h2>△□◇○◇○</h2> <ul> <li><img src="choices/image/face_angry_man1.png" width="300" height="200" alt=""> <p><a href="#description1">いらいら</a></p></li> <li><img src="images/IMG_4551.jpeg" width="300" height="200" alt=""> <p><a href="#description2">しくしく</a></p> </li> <li><img src="image/mark_face_smile.png" width="300" height="200" alt=""> <p><a href="#description3">にこにこ</a></p> </li> </ul> </div> </body>
  • {
    box-sizing: border-box;
    }
    body {
    margin: 0;
    padding: 0;
    background-color: #e6e6e6;
    }
    header {
    padding: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #90ee90;
    display: flex;
    align-items: center;
    text-align: center;
    position:fixed;
    }
    h1 {
    text-decoration: none;
    color: #142e37;
    margin: auto;
    padding: 0;
    padding-right: 48px;
    font-size: 30px;
    font-family: cursive;
    width: 100%;
    }
    h2{
    color: black;
    font-size:18px;
    text-align: center;
    padding-top: 100px;
    }
    ul {
    display: flex;
    justify-content: center;
    }

    li {
    list-style: none;
    }

    li:nth-child(2) {
    margin: 0 10px;
    }
    .container{
    width: 100%;
    }

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

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

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

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

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

Lhankor_Mhy

2022/01/19 06:37

エラーメッセージをご提示ください。
Lhankor_Mhy

2022/01/19 06:40

画像とHTMLとCSSのフォルダ構成を教えてください。
Sane

2022/01/20 02:30

コメントありがとうございます。 無事に解決致しました。 できれば、もう一つの方の質問に答えていただけると幸いです。
guest

回答2

0

無事に解決致しました。
ファイル名に誤りがあったようです。

投稿2022/01/20 02:33

Sane

総合スコア5

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

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

0

image/mark_face_smile.png
images/IMG_4551.jpeg
choices/image/face_angry_man1.png

この三枚は、HTMLファイルと同じ階層に置かれていますか?

もうちょっと詳しく状況を説明してくれると助かります

投稿2022/01/19 10:29

sum6

総合スコア232

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.30%

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

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

質問する

関連した質問