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

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

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

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

Q&A

解決済

2回答

1105閲覧

HTML お菓子の説明文を普通の文字にしたい。

princess_usagi

総合スコア13

HTML

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

0グッド

0クリップ

投稿2018/06/26 23:45

前提・実現したいこと

menu.htmlファイルに写真3枚とお菓子の説明を書いています。

<h3>太陽プラムのタルト</h3>と入力しこの部分だけ太文字で少し大きくh3で設定したのに なぜかその下のお菓子の説明文まで(<p>今月の旬のタルトはこちら・・)同じ大きさの太文字に表示されました。 HTML CSSのきほんという本では、下のお菓子の説明文は普通の文字になっています。どこを直したらいいでしょうか? 他の<h3>ナッツタルト</h3>も<h3>カシスとオレンジジュース</h3>も同じようにすべて説明文が太文字になっています。

ここに質問の内容を詳しく書いてください。
HTML CSSのきほんという本で勉強中です。

■■な機能を実装中に以下のエラーメッセージが発生しました。

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

エラーメッセージはありません。

ブラウザの表示 太陽プラムのタルト 今月の旬のタルトはこちら。山梨産のプラム「太陽」を使用しています。太陽は、完熟すると酸味が抜けて、驚くほど甘くなります。クリームチーズを混ぜ込んだフィリングとも相性抜群。この時期だけの味、ぜひお試しください。 ¥600-

該当のソースコード

<div class="menu-item"> <div class="menu-photo"> <img src="images/menu-photo3.jpg" alt=""> </div> <div class="menu-text"> <h3>太陽プラムのタルト<h3> <p>今月の旬のタルトはこちら。山梨産のプラム「太陽」を使用しています。太陽は、完熟すると酸味が抜けて、驚くほど甘くなります。クリームチーズを混ぜ込んだフィリングとも相性抜群。この時期だけの味、ぜひお試しください。</p> <p>&yen;600-</p> </div> </div>

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

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

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

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

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

m.ts10806

2018/06/27 00:38

プログラムコード(およびエラーメッセージ)は質問内容としては最も重要な部分であるため、見やすくしていただけると助かります。<code>ボタン押下→「コード」部分にコードを貼り付け→「ここに言語を入力」に対象言語名記入(エラーメッセージの場合は不要)の手順で「コードハイライト化」してください。(質問編集画面ではリアルタイムでプレビューが表示されるので見ながら調整してください)
m.ts10806

2018/06/27 01:14

「ブラウザの表示」を見せたい場合は文字では分かりませんので画面キャプチャをアップロードしてください。マークダウンに画像アップロードの仕組みがあります。あと、コーディングの時には何をお使いでしょうか?自動で構文チェックなどもしてくれる高機能エディタ(html、CSS、JavaScriptであればBracketsがオススメです)の利用もご検討ください。メモ帳や普通のテキストエディタでは中々ミスに気づけません。
yoshinavi

2018/06/27 02:49

質問時にはHTMLコードのみでなく、関連するCSSコードもご提示ください。 理由として、質問者さんが質問時の記述を誤る可能性もあるからです。 すでに説明文と提示コードに相違があり、どちらが正しいのか(実際のコードも提示どおりなのか)の判断が出来ません。これにより、回答がガラッと変わります。
princess_usagi

2018/06/27 03:54

ありがとうございます。まだ慣れていませんが気をつけて質問投稿してみます。
m.ts10806

2018/06/27 03:55

質問は編集できるので、そこも覚えておいてください。
guest

回答2

0

ベストアンサー

<h3>太陽プラムのタルト<h3>

後ろが閉じタグ(</h3>)になっていません。

投稿2018/06/26 23:49

maisumakun

総合スコア145183

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

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

princess_usagi

2018/06/27 03:51

ありがとうございます。直りました。
guest

0

<h3>太陽プラムのタルト<h3> の、うしろの h3 は </h3> としてください(スラッシュが抜けています)。

投稿2018/06/26 23:48

ryochin

総合スコア280

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

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

princess_usagi

2018/06/27 03:50

ありがとうございます。直りました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問