ドットインストール学習中で、firebaseにてサイトを公開したが、cssが反映されていませんでした
公開した画面を検証したところ
Failed to load resource: the server responded with a status of 404 ()
というエラーがでました
エラーメッセージ
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>太郎のポートフォリオサイト</title> <link rel="icon" href="favicon.ico"> <meta name="description" content="太郎のポートフォリオサイトです"> <link rel="stylesheet" href="css/styles.css"> </head> <body> <header> <nav> <ul> <li class="current"> <a href="index.html"> HOME </a> </li> <li> <a href="about.html"> ABOUT </a> </li> </ul> </nav> </header> <section> <img src="img/taro.png" width="140" height="140" alt="太郎のアイコン" class="icon"> <h1>太郎</h1> <p>UI/UXデザイナー見習いです</p> <div class="works"> <section> <img src="img/work1.png" width="400" height="260" alt="勇者ゲーム"> <h1>勇者ゲーム</h1> <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> </section> <section> <img src="img/work2.png" width="400" height="260" alt="宝探しゲーム"> <h1>宝探しゲーム</h1> <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> </section> <section> <img src="img/work3.png" width="400" height="260" alt="神経衰弱"> <h1>神経衰弱</h1> <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> </section> </div> </section> <footer> <ul> <li> <a href="mailto:taguchi@gmail.com" target="_blank"> <img src="img/mail.png" width="20" height="20" alt="メール送信"> </a> </li> <li> <a href="https://dotinstall.com" target="_blank"> <img src="img/blog.png" width="20" height="20" alt="ブログサイトへ"> </a> </li> <li> <a href="https://dotinstall.com" target="_blank"> <img src="img/photos.png" width="20" height="20" alt="写真サイトへ"> </a> </li> </ul> <p>(c) taro </p> </footer> </body> </html>
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー