書籍を見つついろいろ実際に入力してHTMLやCSSを勉強しています。
今ようやくCSSの項目になり、HTML上ではいくらかは反映されているようなのですが、
恐らく反映されるはずのタイトル部分<h1>の部分の色が変わりません。どこかスペルミスとかでしょうか?
HTMLの一部↓
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>猫の実態</title>
<meta name="description" content="猫の好きなもの、日々の生活をご紹介">
<link rel="stylesheet" href="style.css"
</head>
<body>
<!--グループ分け練習-->
<header>
<h1>サイト造りの基礎</h1>
<p>このwebサイトはweb業界の最新情報をお届けしています</p>
<nav>
<ui>
<li><a href="#">サービス紹介</a></li>
<li><a href="#">料金</a></li>
<li><a href="index2.html">お問い合わせ</a></li>
</ui>
</nav>
</header>
CSS部分↓
@charset "UTF-8";
body{
background-color:#fffeee;
}
hi{
color:red;
}
p{
font-size: 20px;
}
No.1
- 回答日時:
cssのh1がhi(エイチアイ)になってるから。
確かになってました!!Σ(´Д`;)
入力ミスに気を付けてもう少しゆっくり一つ一つ確実に打つよう気を付けたいと思います。
ご回答ありがとうございました!
No.2ベストアンサー
- 回答日時:
CSSで、h1ではなく、hiになっている・・・
HTMLにもミスがあるようで、
<ul>が、<ui>になっている・・・
<link rel="stylesheet" href="style.css"
タグを閉じましょう!
<link rel="stylesheet" href="style.css">
あぁあああ...!!!ミス多すぎますね(´;ω;`)すいません、細かいところまでしっかり確認していただきありがとうございました!!
もう少し慎重に気を付けて打つよう意識します( ´ཫ` )
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像にリンクを張ると画像がず...
-
ポップアップメニューを表のよ...
-
ホームページの質問です。
-
CSS li float 2列組み
-
html <ul></ul>の並びで一行空...
-
リストの数字のフォントサイズ...
-
リストマーカーをボックス内に...
-
HTMLもしくはCSSのULでリンクを...
-
CSSで菱形の画像サムネイルを表...
-
<table>の高さ固定。情報増加時...
-
HTMLで組織図を作成する方法
-
ddの中にulを入れ子にすると上...
-
<ul>~</ul>が二つ続くと間に改...
-
<li>でドロップダウンボタンを...
-
テーブル内のプルダウンの下に...
-
CSSでリスト[li]の表示がズレる
-
CSSでつくったメニューのアニメ...
-
「olタグ」内に「hタグ要素」...
-
htmlの<ol>タグで、数字などを...
-
ulタグやliタグの中でbrタグ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストマーカーをボックス内に...
-
番号付きリスト(<Ol><Li>・・...
-
liタグの中に<p>タグやら<dl>を...
-
レスポンシブWebデザインでリン...
-
<table>の高さ固定。情報増加時...
-
<ul><li></li></ul>にするメリ...
-
リストの数字のフォントサイズ...
-
HTMLで組織図を作成する方法
-
ulタグやliタグの中でbrタグ...
-
divタグ内のコンテンツが重なっ...
-
画像にリンクを張ると画像がず...
-
複数行にまたがる括弧を表示し...
-
ページを開いているときのリン...
-
html <ul></ul>の並びで一行空...
-
html/cssの、navを2段にする...
-
HTML5のfooterに見出しを付けて...
-
<ul>~</ul>が二つ続くと間に改...
-
htmlの<ol>タグで、数字などを...
-
リンク文字同士の間隔を開ける...
-
CSSでつくったメニューのアニメ...
おすすめ情報