前提・実現したいこと
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>¥600-</p> </div> </div>プログラムコード(およびエラーメッセージ)は質問内容としては最も重要な部分であるため、見やすくしていただけると助かります。<code>ボタン押下→「コード」部分にコードを貼り付け→「ここに言語を入力」に対象言語名記入(エラーメッセージの場合は不要)の手順で「コードハイライト化」してください。(質問編集画面ではリアルタイムでプレビューが表示されるので見ながら調整してください)
「ブラウザの表示」を見せたい場合は文字では分かりませんので画面キャプチャをアップロードしてください。マークダウンに画像アップロードの仕組みがあります。あと、コーディングの時には何をお使いでしょうか?自動で構文チェックなどもしてくれる高機能エディタ(html、CSS、JavaScriptであればBracketsがオススメです)の利用もご検討ください。メモ帳や普通のテキストエディタでは中々ミスに気づけません。
質問時にはHTMLコードのみでなく、関連するCSSコードもご提示ください。 理由として、質問者さんが質問時の記述を誤る可能性もあるからです。 すでに説明文と提示コードに相違があり、どちらが正しいのか(実際のコードも提示どおりなのか)の判断が出来ません。これにより、回答がガラッと変わります。
ありがとうございます。まだ慣れていませんが気をつけて質問投稿してみます。
質問は編集できるので、そこも覚えておいてください。
回答2件
あなたの回答
tips
プレビュー