ATOMにてHTML/CSS実行中、CSSが反映されずにつまづいています。

プログラミング初心者です。

現在ATOMにてHTML/CSSを学んでいます。

下記のようにコードを書いているのですが
CSSの部分が反映されません。
(h1の山田太郎の部分を赤文字にしたいです。)
調べても原因がわからないため、
アドバイス頂ければ幸いです。

<!DOCTYPE thml> <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> <link rel="stylesheet" href="css/styles.css"> </head> <body> <header>

<nav>
  <ul>
      <li>
      <a href="index.html">
        HOME
      </a>
      </li>
    <li>
      <a href="about.html">
        ABOUT
      </a>
      </li>

  </ul>
  </nav>
<img src="img/sanpuru.png" width="140" height="140" alt="太郎のアイコン">
</header>

<section> <img src="img/taro.png" width="140" height="140" alt="太郎のアイコン"> <hi>山田太郎</hi> <p>UI/UXデザイナー見習いです</p>

m.ts10806

2019/04/03 13:20

コードはマークダウンのcode機能を利用してご提示ください。また、同様の質問は結構頻出しています。過去質問はいずれも参考になりませんでしたか？ Google検索でも結構出てくると思います。

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

回答1件

ベストアンサー

山田さんがハイになっているので落ち着かせてあげてください。

HTML
1<!--
2<hi>山田太郎</hi>
3 ↓           ↓ -->
4<h1>山田太郎</h1>

投稿2019/04/03 13:39

kei344

総合スコア69458

m.ts10806

2019/04/03 13:41

オシャレなツッコミｂ

kyohodayo

2019/04/03 13:43

ありがとうございました???? 解決しました???? mts10806様回答ありがとうございます????‍♂️ 過去投稿等を見たり調べてましたがこんなところに見落としがあるとは気づきませんでした????‍♂️

m.ts10806

2019/04/03 13:46

ついでなのでコメントしてしまいますが、動かないときは下記のようなリファレンスサイトで「仕様通りか」を確認すると良いですよ。書いた通りにしか動かないので。 http://www.htmq.com/html5/

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

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

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

ただいまの回答率
85.47%

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

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

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

ATOMにてHTML/CSS実行中、CSSが反映されずにつまづいています。

関連した質問