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

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

新規登録して質問してみよう
ただいま回答率
85.46%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

221閲覧

【HTML】<h4>タグで囲まれたタイトルが反映されない。

sumomo_100

sumomo_100

総合スコア4

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/03/22 13:13

編集2020/03/22 13:37

とても初歩的な質問で申し訳ありません。
色々試してみたのですが、
どうしてもエラーになってしまいます。

hタグは<h4>まで設定しているのですが、
4つ同じセクションがあるうちの、3つめの<h4>タグをつけたタイトルだけが、文字サイズと太字が元に戻ってしまいます。
(ほかのセクションのタイトルは、文字も大きく、ちゃんと太字になっています。)

タイトルが反映されない問題として、何か考えられることはありますか。

改行を整えたりしてみたり、入力し直したりしてみましたが、全く治らなくて…

下記が詳しいコードです。

HTML

1<section> 2<h3>動物</h3> 3 4<section> 5<img src="img/animal-01.png" alt="" width="100" height="100"> 6<h4>いぬ</h4> 7<p>鳴き声:ワン<br> 8特性:番犬にもなります。</p> 9</section> 10 11<section> 12<img src="img/animal-02.png" alt="" width="100" height="100"> 13<h4>ねこ</h4> 14<p>鳴き声:ニャア<br> 15特性:きまぐれです。</p> 16</section> 17 18<section> 19<img src="img/animal-03.png" alt="" width="100" height="100"> 20<h4>にわとり</h4> 21<p>鳴き声:コケコッコー<br> 22特性:早起きです。</p> 23</section> 24 25<section> 26<img src="img/animal-04.png" alt="" width="100" height="100"> 27<h4>うさぎ</h4> 28<p>鳴き声:キュー<br> 29特性:こわがり</p> 30</section> 31 32</section>

あるテキストを見ながら勉強しているので内容は変えていますが、コードは同じです。

何故か3つ目のセクションだけ、タイトルとして表示されないのです…。

テキストエディタはAdobe Brackets、確認用のブラウザはクロームを使っています。

申し訳ありませんがご指導いただけると大変嬉しいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2020/03/22 13:20

質問は編集できますので新たに質問を投稿する必要はありません。 多重投稿してしまった場合は1つだけ残すために削除依頼を出してください。 また、コードはマークダウンのcode機能を利用してご提示ください。
sumomo_100

sumomo_100

2020/03/22 13:28

すみません。 ご指導ありがとうございます。 二重投稿分は削除依頼を出してみます。
kei344

2020/03/22 13:59

現在のコードだけでは問題が再現しませんでした。CSSおよびHTML全体も提示してください。
guest

回答1

0

自己解決

コメントをくださった皆様、大変申し訳ありません。

色々試したところ、通信環境が不調だったようで、修正した内容が反映されていなかったことが判明しました。
(今、クロームでプレビューを見てみたところ、教本の見本通りにプレビュー表示しておりました。)

ご協力いただいた皆様、本当にすみませんでした。

こちらの質問は、大変申し訳ないのですが閉じさせていただきます。

皆様のお力添え、大変感謝いたします。
ありがとうございました。

投稿2020/03/23 11:56

sumomo_100

sumomo_100

総合スコア4

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問