コード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>太郎のポートフォリオサイト</title> <link rel="icon" href="favicon.ico"> <meta name="description" content="太郎のポートフォリオサイトです"> <style> h1 { color: red; } </style> </head> <body> <header> <img src="img/taro.png"widgh="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> <!-- 作品紹介 --> <h2>WORKS</h2> <img src="img/work1.png" width="400" height="260" alt="勇者ゲームの紹介画像"> <h3>勇者ゲーム</h3> <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> </section> <section> <img src="img/work2.png" width="400" height="260" alt="宝探しゲームの紹介画像"> <h3>宝探しゲーム</h3> <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> </section> <section> <img src="img/work3.png" width="400" height="260" alt="神経衰弱ゲームの紹介画像"> <h3>神経衰弱ゲーム</h3> <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> </section> <footer> <p>(c) dotinstall.com</p> </footer> </body> </html> ```下の写真の<style>囲いのところなのですが、どうしても反応しません。ググってみてもわかりませんでした。シンプルですがどこが違うのか教えて欲しいです。![イメージ説明](c2d53a493444d11b6909ba084fa06cc5.png)
回答1件
あなたの回答
tips
プレビュー