h１が黒いままです。教えてほしいです

最近プログラミングの勉強を始めたばかりで
教えてほしいです。

発生している問題・エラーメッセージ

ドットインストールを使いながら
やってみたのですが
h1のタグが黒いままです。
何か設定が必要なのでしょうか。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

m.ts10806

2020/10/10 09:35

コードはテキストで、マークダウンにてご提示ください。 https://teratail.com/questions/238564 画像で提示されても再現確認できません。（質問は編集できます）

m.ts10806

2020/10/10 09:36

>h1のタグが黒いままです。どういうことでしょうか。

suzuran12

2020/10/10 09:44

他の方の動画を見るとh1が青かったり緑でして黒いままで色が変わらず質問しました。

m.ts10806

2020/10/10 10:03

何も文字色を指定しなければ（CSSという概念を利用します）デフォルトの黒のままです。

m.ts10806

2020/10/10 10:03

ひとまず、下記は対応してください。 ↓ コードはテキストで、マークダウンにてご提示ください。 https://teratail.com/questions/238564 画像で提示されても再現確認できません。（質問は編集できます）

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

回答4件

ベストアンサー

h１が黒いままです。

というタイトルですが、まずはHTMLを正しく組んで、正しく表示させるところから始めてください。
HTMLに限らずプログラムは書いたとおりにしか動きません。
「書いた通り」とは「プログラムの仕様通り」です。
半角と全角は別物ですし、Iとl、0とOはもちろん、aとAも別物です（同じとみなす機能もあります）

なお、何も装飾をしなければ、白背景に黒文字、フォントもデフォルトです。

そのような「装飾」は「CSS」という別の仕組みを使いますが、
おそらくドットインストールも章を進めていくとCSSについても触れられるのではないかと思われます。

質問者さんが見たという動画で色があったのは、「そういう指定をしていたから」です。CSSを利用されていたのでしょう。

蛇足：
teratailで質問する場合は、コードは画像で提示されてもコピペできません。
基本は何かしら取り組んでいて、問題や疑問が出てきたときに質問するものと思いますが、その問題や疑問となったコードは、他者の手によって同じ問題が起きるかを再現確認する必要がある場面が非常に多いです。
問題が再現しなければ提示されてない情報を探ることにもなりますが、問題切り分けのために「他者がコピペで再現できるコード」は必須です。

コピペしてもらうために「マークダウンのcode機能」があります。
下記のように質問も上がっています。
teratail初心者で、質問もまだ2回目で、質問欄にソースコード載せる場合、<code>を押してからどのように書くかを、教えて欲しいです。

マークダウンとは何か、は調べてもらったりヘルプページを読んでもらうとおおよそのイメージはつかめるかと思います。

このマークダウンが効果的に使えるかどうかでアドバイスのもらいやすさが随分と違ってきます。
「質問するときのヒント」も読んでください。

あと、HTMLなどをやっていくと「ここのこういうのマネしたいな」と思うことが多々あります。そういうときには「ブラウザのデベロッパーツール」を使うことでどうやったら実現できるか調べることができます。
多少技術や知識も必要ですが、コードを追うことも成長に繋がります。覚えましょう。
競合サイトのCSSとJavaScriptを丸裸にする方法

投稿2020/10/10 10:52

m.ts10806

総合スコア80861