Q&A
試したコードを書いていただけないでしょうか？
<!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> <img src="img/taro.png"width="120"height="120"alt="太郎のアイコンです"> <h1>山田太郎</h1> <p>UI/UXデザイナー見習いです</p> <ul> <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> </header> <!--作品紹介--> <section> <h1>WORKS</h1> <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> </section> <footer> <p>(c) dotinstall.com</p> </footer> </body> </html> もう1枚貼ります！ h1{ color: blue; } ```CSSを反映させてh1の文字の色を変えたいです。 ドットインストールを学習しており、CSSが反映しません。HTMLに直接CSSを書き込むやり方ではCSSが反映するのですが別ファイルにCSSを書くと反映しません。いろいろ調べて試しましたが反映しません。どなたか助けてください！
まずソースコードを貼りましょう。
HTMLファイルとCSSファイル、両方をできる限り全文貼ってください。
ソースコードはコードブロック（<code>ボタン）を使って貼るのが好まれます。
画像はスクショしてスマホにデータがあるのですが、どうやって貼り付けれるのでしょうか？コメントしてくれてありがとうございます。
基本的に直接文字で貼り付けていただいた方が好ましいのですが、コピーできない事情がありますか？
画像データは回答者側でソースコードのコピーペーストなどができません。
分かりました。少々お待ちください！！
回答2件
0
ベストアンサー
<meta name="description="> タグの「>」記号が「＞」になっているので修正してください。
投稿2021/03/29 01:43
編集2021/03/29 01:45総合スコア708
本当にありがとうございます！！！！！！！！！！！！
色変わりました！めっちゃ嬉しいです。
メタタグが関係してるのは何故なのでしょうか？教えていただけると嬉しいです。
metaタグそのものが原因ではなく、タグ名の前に「<」、タグ名の後に「>」をつける決まりだからですね。
今回の場合「>」（半角）ではなく「＞」（全角）記号になっていたから正しく表示されませんでした。
もしこれがh1タグであっても、 ＜h1></h1＞ （わかりにくいですが、最初が全角記号）のようになっていたらうまく表示されなかったでしょう。
ありがとうございました！！！
あなたの回答
tips
プレビュー
