画像挿入が上手くいかない

現在KROWLでコーデイング課題の難易度１を写経をしています。

写経をしていて「main_visual.jpg」の画像を挿入したいのですがブラウザで表示されません。

ファイルパスの指定が悪いのでしょうか。
よろしくお願いします。

以下コード

  <html>
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>廃 - before the time comes -</title>
      <!-- html5doctor.com Reset Stylesheet -->
      <link rel="stylesheet" href="assets/css/reset.css">
      <!-- html5doctor.com Reset Stylesheet でリセットしきれないスタイルをcustom_reset.cssで定義-->
      <link rel="stylesheet" href="assets/css/custom_reset.css">
      <!-- 具体的なスタイルをstyle.cssに記述 -->
      <link rel="stylesheet" href="assets/css/style.css">
    </head>
    <body>
      <!-- ヘッダー（ページタイトルとメインビジュアル） -->
  <header class="page-header">
    <div class="page-header__inner common-inner">
      <h1 class="page-header__title">
        <span class="large">廃</span><span class="small">- before the time comes -</span>
      </h1>
    </div>
    <div class="page-header__main-visual">
      <img src="assets/images/main_visual.jpg" alt="メインビジュアル">
    </div>
  </header>
  <!-- ヘッダー -->

  <!-- メインコンテンツ -->
  <main class="main-content">
    <div class="common-inner">
    </div>
  </main>
  <!-- メインコンテンツ -->
  
  <!-- フッター -->
  <footer class="page-footer">
  </footer>
  <!-- フッター -->
    </body>
    
  </html>
コード

AT_2nd

2021/02/06 09:49

私の目がおかしくなったのでなければimages/main_visual.jpgに見えます。

NISUKE

2021/02/07 03:41

回答ありがとうございます。 images/main_visual.jpgにしたところ画素が表示されました。

行動規範の内容に同意します

回答1件

ベストアンサー

提示画像（プロジェクトエクスプローラでしょうか）から見ると、imagesディレクトリはassetsディレクトリ配下ではなくプロジェクトルート直下にあるように見えます。
フレームワークなどの制約があるかもしれないので「こうしたら」というのは今回提示された情報だけで提案はできませんが、見た限りだとassets/images/というディレクトリ自体存在しませんね。

投稿2021/02/07 00:51