HTMLで文章を表示しようとしてp1と書いても、HTMLの標準的なタグとしては扱われません。HTMLには見出しを表すh1や、段落を表すpなど、あらかじめ意味が決められたタグがあります。p1という名前はその一覧に含まれていないため、文章の段落を作りたい場合はpタグを使うのが基本です。
HTMLにp1は存在しない理由と段落タグpの使い方
p1というタグがHTMLに用意されていない理由
HTMLは、Webページの文章や画像などに「これは見出しです」「これは段落です」「これはリンクです」といった意味を与えるための言語です。タグとは、その意味をブラウザに伝えるための目印のようなものです。たとえば、h1はページ内で特に重要な見出しを表し、pは文章のまとまりである段落を表します。
p1というタグは、HTMLで正式に定義されているタグではありません。そのため、段落を1つ目、2つ目のように番号で分けたい場合でも、p1、p2のように書くのではなく、すべてpタグを使って表現します。番号を付けたい場合は、文章の中に番号を書くか、olタグという順序付きリストを使う方法があります。olタグは、項目に1、2、3のような順番を付けて表示したいときに使うタグです。
初心者の方がp1と書いてしまう理由として、h1、h2、h3のような見出しタグの仕組みと混同していることが考えられます。h1からh6までは、見出しの大きさや階層を表すために番号が付いています。しかし、pタグは段落を表すタグであり、階層を番号で分ける仕組みではありません。そのため、p1という書き方はHTMLの基本的なルールとは異なります。
段落を作るときはpタグを使う
文章のまとまりをWebページに表示したいときは、pタグを使います。pはparagraphの略で、日本語では「段落」という意味です。段落とは、1つの話題や意味のまとまりを持った文章のかたまりを指します。HTMLでは、文章をただ並べるだけでなく、pタグで囲むことで「ここは1つの段落です」とブラウザや検索エンジンに伝えられます。
基本的な書き方は次のようになります。
<p>これは1つ目の段落です。</p>
<p>これは2つ目の段落です。</p>このように、複数の段落がある場合でもp1やp2は使わず、それぞれをpタグで囲みます。開始タグである<p>から始め、終了タグである</p>で閉じることで、どこからどこまでが1つの段落なのかを明確にできます。終了タグとは、そのタグの範囲がここで終わることを示す目印です。
pタグを正しく使うと、ブラウザでは段落ごとに自然な余白が入ることが多いです。この余白は、文章を読みやすくするためにブラウザが標準で付けている表示です。見た目をもっと細かく調整したい場合は、CSSを使います。CSSとは、文字の大きさ、色、余白など、Webページの見た目を整えるための言語です。ただし、最初に大切なのは見た目を変えることではなく、文章の意味に合ったHTMLタグを選ぶことです。
p1とpタグの違いを正しく理解する
p1とpタグは似ているように見えますが、HTMLにおける扱いは大きく異なります。pタグはHTMLで正式に用意されている段落用のタグですが、p1は標準のHTMLタグではありません。文章を正しく表示し、読みやすいWebページを作るためには、タグ名の意味と使いどころを理解することが大切です。
pタグは段落を表す正式なHTMLタグ
pタグは、文章の段落を表すために使うHTMLタグです。HTMLとは、Webページの構造を作るための言語で、見出し、文章、画像、リンクなどに意味を与える役割があります。pはparagraphの略で、日本語では「段落」という意味です。つまり、pタグで囲まれた文章は、1つの意味のまとまりとしてブラウザに伝えられます。
たとえば、次のように書くと、2つの段落として扱われます。
<p>HTMLでは、文章のまとまりをpタグで表します。</p>
<p>段落ごとに分けることで、読みやすいページになります。</p>この書き方では、それぞれのpタグが独立した段落になります。ブラウザでは、多くの場合、段落の前後に自然な余白が入ります。この余白は、文章同士が詰まりすぎないようにするための標準的な表示です。余白とは、文字や要素の周りにできる空間のことです。
pタグを使うメリットは、ただ文字を表示するだけではありません。検索エンジンや読み上げソフトにも、文章のまとまりが伝わりやすくなります。読み上げソフトとは、画面上の内容を音声で読み上げる支援技術のことです。正しいタグを使うことで、人にも機械にも分かりやすいWebページに近づきます。
p1は標準タグではないため段落として扱われない
p1は、HTMLで正式に定義されているタグではありません。見た目だけを見ると、pタグに番号を付けたように感じるかもしれませんが、HTMLにはp1、p2、p3のような段落タグは用意されていません。段落が複数ある場合でも、すべてpタグを使って書きます。
たとえば、次のような書き方は初心者の方が間違えやすい例です。
<p1>これは1つ目の段落です。</p1>
<p2>これは2つ目の段落です。</p2>このコードは、意図としては「1つ目の段落」「2つ目の段落」を作りたいのだと考えられます。しかし、p1やp2はHTMLの正式な段落タグではないため、pタグと同じ意味では扱われません。ブラウザによっては画面上に文字が表示されることがありますが、それは正しい段落として認識されているという意味ではありません。
正しく書く場合は、次のようにします。
<p>これは1つ目の段落です。</p>
<p>これは2つ目の段落です。</p>番号を表示したい場合は、pタグの中に番号を書きます。
<p>1. これは1つ目の段落です。</p>
<p>2. これは2つ目の段落です。</p>また、順番のある項目として整理したい場合は、olタグを使う方法もあります。olタグはordered listの略で、番号付きのリストを作るためのタグです。項目はliタグで表します。liタグはlist itemの略で、リストの1項目を意味します。
<ol>
<li>これは1つ目の項目です。</li>
<li>これは2つ目の項目です。</li>
</ol>p1とpタグの違いは、正式な意味を持つタグかどうかにあります。pタグは段落として意味を持つタグですが、p1はHTMLの標準的な段落タグではありません。Webページを作るときは、見た目が表示されるかどうかだけで判断せず、そのタグがどのような意味を持つのかを確認することが重要です。
p1と書いたときにブラウザで起こる表示の問題
HTMLでp1と書いた場合、ブラウザ上に文字が表示されることはあります。しかし、表示されることと、HTMLとして正しく意味が伝わっていることは別です。p1は標準の段落タグではないため、pタグのような段落としての意味や標準の余白が期待どおりに反映されない場合があります。
画面に表示されても正しい段落とは限らない
ブラウザは、多少間違ったHTMLでもできるだけ画面に表示しようとします。そのため、p1という正式ではないタグを書いても、中に書いた文字がそのまま見えることがあります。初心者の方は、この状態を見ると「動いているから問題ない」と考えてしまいやすいです。
しかし、HTMLではタグに意味があります。pタグは「ここは段落です」と伝えるためのタグですが、p1はHTMLで標準的に決められた段落タグではありません。つまり、見た目として文字が表示されても、ブラウザや支援技術に対して「段落である」と正しく伝えられているとは言えません。
たとえば、次のようなコードがあるとします。
<p1>これはp1で書いた文章です。</p1>
<p1>これもp1で書いた文章です。</p1>このコードでは、ブラウザによっては2つの文章が表示されます。ただし、pタグを使ったときのように段落として扱われるとは限りません。標準的な余白が入らなかったり、CSSの指定が反映されにくくなったりすることがあります。CSSとは、文字の色、大きさ、余白などの見た目を整えるための言語です。
一方、正しくpタグで書くと次のようになります。
<p>これはpタグで書いた文章です。</p>
<p>これもpタグで書いた文章です。</p>この場合、ブラウザはそれぞれを段落として認識します。段落として認識されることで、文章のまとまりが明確になり、読みやすい表示につながります。
CSSや学習時の確認で混乱しやすくなる
p1を使ってしまうと、CSSで見た目を調整するときにも混乱が起こりやすくなります。たとえば、pタグに対して文字色を変えるCSSを書いた場合、p1で囲んだ文章にはその指定が反映されません。
<style>
p {
color: blue;
}
</style>
<p>この文章は青くなります。</p>
<p1>この文章は青くならない場合があります。</p1>この例では、CSSのpという指定はpタグだけを対象にしています。p1はpタグとは別の名前として扱われるため、同じ文章のつもりで書いていても、見た目に違いが出ます。初心者の方がこの状態を見ると、「CSSが効かない」「ブラウザがおかしい」と感じるかもしれませんが、原因はHTMLのタグ名が正しくないことにあります。
また、開発者ツールで確認したときにも、p1はpタグとして表示されません。開発者ツールとは、ブラウザに備わっている確認用の機能で、HTMLやCSSがどのように読み込まれているかを調べるために使います。p1と書いた部分はp要素ではなく、p1という別の要素のように扱われるため、学習中にタグの関係を整理しにくくなります。
HTMLを学び始めた段階では、まず正しいタグ名を使うことが大切です。文章の段落にはpタグ、ページの大きな見出しにはh1タグ、項目を並べるときにはulタグやolタグを使います。ulタグは順番のないリスト、olタグは順番のあるリストを作るタグです。目的に合ったタグを使うことで、表示の問題を減らし、CSSの指定も理解しやすくなります。
h1タグとpタグを混同しやすい理由
h1タグとpタグは、どちらもHTMLで文章を表示するときによく使うタグです。しかし、役割はまったく異なります。h1タグはページの大きな見出しを表し、pタグは本文の段落を表します。h1に数字が付いているため、pにもp1のような番号付きのタグがあると誤解してしまうことがあります。
h1の数字は見出しの階層を表している
h1タグの数字は、見出しの順番を表しているのではなく、見出しの階層を表しています。階層とは、情報の大きなまとまりと、その中にある小さなまとまりの関係のことです。たとえば、本で考えると、章のタイトルが大きな見出しで、章の中にある項目名が小さな見出しにあたります。
HTMLには、h1からh6までの見出しタグがあります。h1はもっとも大きな見出し、h2はその下の見出し、h3はさらに細かい見出しというように使います。数字が大きくなるほど、見出しとしての階層は下がります。ここで大切なのは、h1、h2、h3が「1番目の見出し」「2番目の見出し」「3番目の見出し」という意味ではないことです。
たとえば、次のように書きます。
<h1>HTMLの学習</h1>
<h2>タグの使い方</h2>
<h3>pタグの使い方</h3>
<p>pタグは段落を表すために使います。</p>この例では、h1がページ全体の大きなテーマ、h2がその中の項目、h3がさらに細かい項目を表しています。pタグは見出しではなく、説明文の段落を表しています。そのため、h1のようにp1、p2、p3と番号を付けて段落の種類を分けることはありません。
h1の数字を「タグ名に番号を付けるルール」と覚えてしまうと、pタグにもp1があるように感じてしまいます。しかし、HTMLのタグ名は自由に増やしてよいものではなく、それぞれのタグに決められた意味があります。h1の数字は見出し専用の仕組みであり、pタグには当てはまりません。
pタグは文章のまとまりを表すために使う
pタグは、本文の段落を作るためのタグです。段落とは、1つの話題について書かれた文章のまとまりのことです。文章が長くなる場合は、意味のまとまりごとにpタグで分けると読みやすくなります。
たとえば、次のように同じpタグを繰り返して使います。
<p>HTMLでは、タグを使って文章の意味を表します。</p>
<p>pタグは、本文の段落を作るときに使います。</p>
<p>段落を分けることで、文章の流れが読み取りやすくなります。</p>このように、段落が3つある場合でもp1、p2、p3とは書きません。すべて同じpタグを使い、内容のまとまりによって段落を分けます。pタグに数字が付かない理由は、段落にはh1からh6のような階層の区別がないためです。
見た目を変えたい場合も、p1のような新しいタグを作る必要はありません。たとえば、1つ目の段落だけ文字を大きくしたい場合は、class属性を使います。属性とは、HTMLタグに追加情報を与えるための書き方です。class属性は、特定の要素に名前を付けて、CSSで見た目を指定するときによく使います。
<p class="lead">最初に読んでほしい重要な文章です。</p>
<p>通常の本文です。</p>このように、段落としての意味はpタグで保ったまま、class属性で見た目や役割を補足できます。HTMLでは、意味を表すタグと、見た目を整えるCSSを分けて考えることが重要です。h1タグとpタグを混同しないためには、「hは見出し」「pは段落」と役割で覚えると理解しやすくなります。
HTMLで文章を表示するときの正しいタグ選び
HTMLで文章を表示するときは、文字を画面に出すことだけを考えるのではなく、その文章がどのような意味を持つのかに合わせてタグを選ぶことが大切です。見出しにはh1やh2、本文の段落にはp、項目の一覧にはulやolなど、目的に合ったタグを使うことで、読みやすく管理しやすいWebページになります。
文章の役割に合わせてタグを選ぶ
HTMLのタグは、文章や要素の意味を表すために使います。要素とは、開始タグ、内容、終了タグをまとめた1つの部品のことです。たとえば、pタグで囲まれた文章は「段落の要素」として扱われます。タグを選ぶときは、まず「この文章は見出しなのか」「本文なのか」「項目の一覧なのか」を考えると分かりやすいです。
ページ全体のタイトルや大きなテーマにはh1タグを使います。h1は最も重要な見出しを表すタグです。その下にある大きな項目にはh2タグ、さらに細かい項目にはh3タグを使います。見出しタグは、文章の構造を示すためのものです。文字を大きくしたいだけの理由でh1を使うと、Webページの意味が分かりにくくなります。
本文として説明を書きたい場合は、pタグを使います。pタグは段落を表すためのタグです。段落とは、1つの話題や意味のまとまりを持つ文章のかたまりです。複数の段落がある場合も、p1やp2のように番号を付けるのではなく、同じpタグを繰り返して使います。
<h1>HTMLの学習</h1>
<h2>文章を表示するタグ</h2>
<p>HTMLでは、文章の役割に合わせてタグを選びます。</p>
<p>本文の段落にはpタグを使います。</p>このように書くと、h1はページの大きなテーマ、h2はその中の項目、pは本文の説明として整理されます。見た目だけでなく、情報の関係が分かりやすくなる点が重要です。
一覧や強調には専用のタグを使う
文章の中には、段落だけでなく、項目を並べたい場面や一部を強調したい場面があります。そのような場合は、目的に合った専用のタグを使います。たとえば、順番のない項目の一覧にはulタグを使います。ulはunordered listの略で、番号のないリストを作るタグです。各項目はliタグで表します。
<ul>
<li>HTMLのタグを覚える</li>
<li>pタグで段落を書く</li>
<li>CSSで見た目を整える</li>
</ul>順番に意味がある場合は、olタグを使います。olはordered listの略で、番号付きのリストを作るタグです。手順やランキングのように、1番目、2番目、3番目という順序が大切な情報に向いています。
<ol>
<li>見出しを書く</li>
<li>段落を書く</li>
<li>表示を確認する</li>
</ol>文章の一部を強調したいときは、strongタグを使うことがあります。strongタグは、重要な内容であることを表すタグです。単に文字を太くしたいだけでなく、意味として重要である場合に使います。
<p>段落を書くときは、<strong>pタグを使う</strong>ことが基本です。</p>タグ選びで大切なのは、見た目を先に考えすぎないことです。文字を大きくしたい、色を変えたい、余白を付けたいといった見た目の調整はCSSで行います。HTMLでは、文章の意味や構造を分かりやすく表すことを優先します。p1のように存在しないタグを使うのではなく、目的に合った標準のタグを選ぶことで、後から修正しやすいコードになります。
pタグの見た目をCSSで調整する方法
pタグはHTMLで段落を表すためのタグですが、文字の大きさや色、行間、余白などの見た目はCSSで調整します。p1のような存在しないタグを作って見た目を変えようとするのではなく、HTMLでは文章の意味を正しく表し、CSSで表示を整えるという考え方を持つことが大切です。
pタグ全体にCSSを指定する
CSSとは、Webページの見た目を整えるための言語です。HTMLが文章や画像などの構造を表すのに対して、CSSは文字の色、サイズ、余白、背景色などを指定します。pタグの見た目を変えたい場合は、HTMLのタグ名を変えるのではなく、CSSでpタグに対して指定を書きます。
たとえば、すべてのpタグの文字色や文字サイズを変えたい場合は、次のように書きます。
<style>
p {
color: #333;
font-size: 16px;
line-height: 1.8;
}
</style>
<p>これはpタグで書いた段落です。</p>
<p>この文章にも同じCSSが反映されます。</p>この例では、pという指定がすべてのpタグに対して働きます。colorは文字の色を指定するプロパティです。プロパティとは、CSSで「何を変えるか」を示す項目です。font-sizeは文字の大きさ、line-heightは行の高さを表します。行の高さを広めにすると、文章が詰まりすぎず読みやすくなります。
pタグを使っている文章すべてに共通の見た目を設定したい場合は、この方法が分かりやすいです。ただし、すべてのpタグに同じ指定が反映されるため、一部の段落だけ見た目を変えたい場合には向いていません。その場合は、class属性を使って特定の段落だけを指定します。
class属性を使って一部のpタグだけ調整する
class属性とは、HTMLタグに名前を付けるための属性です。属性とは、タグに追加情報を与える書き方のことです。classを使うと、同じpタグであっても、特定の段落だけ別の見た目にできます。
たとえば、最初の説明文だけ少し目立たせたい場合は、次のように書きます。
<style>
.lead {
font-size: 18px;
font-weight: bold;
margin-bottom: 24px;
}
.note {
color: #666;
font-size: 14px;
}
</style>
<p class="lead">この文章は最初に読んでほしい重要な段落です。</p>
<p>これは通常の本文です。</p>
<p class="note">これは補足説明の段落です。</p>この例では、class=”lead”が付いたpタグにはlead用のCSSが反映されます。font-weightは文字の太さを指定するプロパティです。boldを指定すると文字が太くなります。margin-bottomは要素の下側の余白を指定します。要素とは、HTMLの開始タグ、内容、終了タグをまとめた部品のことです。
class属性を使うと、p1のような独自のタグ名を使わなくても、段落ごとの見た目を変えられます。HTMLとしてはpタグのままなので、文章が段落であるという意味を保てます。これは、読みやすいコードを書くうえでとても重要です。
悪い例として、次のようにp1を使って見た目を分けようとする書き方があります。
<p1>目立たせたい段落です。</p1>
<p>通常の段落です。</p>この書き方では、p1が正式な段落タグではないため、HTMLの意味が分かりにくくなります。正しくは、pタグにclass属性を付けて表現します。
<p class="lead">目立たせたい段落です。</p>
<p>通常の段落です。</p>HTMLでは意味を表し、CSSでは見た目を整えるという役割分担を意識すると、pタグの使い方が整理しやすくなります。文字を大きくしたい場合も、余白を変えたい場合も、p1のようなタグを作るのではなく、pタグとCSSを組み合わせて調整します。
p1を使ってしまったコードの修正例
p1を使ってしまった場合は、まず「何を表したかったのか」を確認することが大切です。文章の段落を作りたかったのか、見出しを作りたかったのか、特定の段落だけ見た目を変えたかったのかによって、正しい修正方法が変わります。HTMLでは意味に合ったタグを使い、見た目の調整はCSSで行います。
段落として使っていたp1をpタグに直す
p1を文章の段落として使っていた場合は、pタグに修正します。pタグは段落を表す正式なHTMLタグです。段落とは、1つの話題や意味のまとまりを持つ文章のかたまりです。複数の段落がある場合でも、p1、p2、p3のように番号を付けるのではなく、同じpタグを繰り返して使います。
修正前のコードは、次のようになっていることがあります。
<p1>HTMLではタグを使って文章の意味を表します。</p1>
<p1>文章の段落にはpタグを使います。</p1>このコードでは、p1が標準のHTMLタグではないため、段落としての意味が正しく伝わりません。ブラウザ上に文字が表示される場合はありますが、pタグとして扱われているわけではありません。正しく修正すると、次のようになります。
<p>HTMLではタグを使って文章の意味を表します。</p>
<p>文章の段落にはpタグを使います。</p>このように書くと、それぞれの文章が段落として扱われます。pタグには、ブラウザが標準で段落らしい余白を付けることが多いため、文章のまとまりも分かりやすくなります。余白とは、文字や要素の周りにできる空間のことです。
番号を表示したい場合も、p1というタグを使う必要はありません。番号そのものを文章に含めるか、順番のある一覧としてolタグを使います。olタグはordered listの略で、番号付きリストを作るためのタグです。
<ol>
<li>HTMLではタグを使って文章の意味を表します。</li>
<li>文章の段落にはpタグを使います。</li>
</ol>手順や順番を示したい場合は、pタグよりもolタグのほうが意味に合っています。
見た目を変える目的ならclass属性とCSSを使う
p1を使ってしまう理由の1つに、「1つ目の段落だけ見た目を変えたい」という考えがあります。しかし、見た目を変えるためにp1というタグを作るのは適切ではありません。HTMLでは段落としての意味をpタグで表し、見た目の違いはCSSで指定します。
修正前のコードは、次のようになっているかもしれません。
<p1>この文章だけ大きく表示したいです。</p1>
<p>これは通常の本文です。</p>この場合、p1を使うのではなく、pタグにclass属性を付けます。class属性とは、HTMLタグに名前を付けるための属性です。属性とは、タグに追加情報を与える書き方のことです。
<style>
.lead {
font-size: 20px;
font-weight: bold;
}
</style>
<p class="lead">この文章だけ大きく表示したいです。</p>
<p>これは通常の本文です。</p>この修正では、HTMLとしてはどちらもpタグなので、文章が段落であることは保たれています。そのうえで、class=”lead”が付いた段落だけCSSで見た目を変えています。font-sizeは文字の大きさを指定するプロパティです。プロパティとは、CSSで「何を変更するか」を示す項目です。font-weightは文字の太さを指定し、boldを指定すると太字になります。
見出しとして使いたかった場合は、pタグではなくh1やh2などを選びます。
<h1>HTMLの学習</h1>
<p>このページでは、pタグの使い方を説明します。</p>h1はページ全体の大きな見出しを表すタグです。本文の段落にはpタグを使います。p1を見つけたときは、単純にすべてpへ置き換えるだけでなく、その文章が段落なのか、見出しなのか、リストなのかを確認すると、より正確なHTMLに修正できます。
HTMLのp1に関する理解と正しい段落作成
HTMLでp1と書いてしまう間違いは、h1やh2のような見出しタグの仕組みと、pタグの役割を混同することで起こりやすいです。p1はHTMLで正式に用意されているタグではないため、文章の段落を作る場合はpタグを使います。見た目を変えたい場合は、HTMLのタグ名を変えるのではなく、CSSやclass属性を使って調整します。
p1ではなくpタグを使う考え方
HTMLは、Webページの内容に意味を与えるための言語です。タグとは、文章や画像などに「これは見出しです」「これは段落です」「これは一覧です」といった役割を伝えるための目印です。pタグはparagraphの略で、本文の段落を表すために使います。段落とは、1つの話題や意味のまとまりを持つ文章のかたまりです。
p1は、pタグに番号を付けたように見えるため、初心者の方が使ってしまいやすい書き方です。しかし、HTMLにはp1、p2、p3のような段落タグはありません。複数の段落を書く場合でも、すべてpタグを使って表します。
<p>これは1つ目の段落です。</p>
<p>これは2つ目の段落です。</p>
<p>これは3つ目の段落です。</p>このように、同じpタグを繰り返して使うことで、それぞれが独立した段落として扱われます。番号を表示したい場合は、文章の中に番号を書くか、順番のある一覧を作るolタグを使います。olタグはordered listの略で、番号付きリストを作るためのタグです。各項目にはliタグを使います。liタグはlist itemの略で、リストの1項目を表します。
h1タグの数字は、見出しの階層を表すためのものです。h1はページ全体の大きな見出し、h2はその下の見出し、h3はさらに細かい見出しとして使います。この数字の仕組みをpタグにも当てはめてしまうと、p1という誤った書き方につながります。hは見出し、pは段落というように、タグの役割で覚えると整理しやすくなります。
見た目の調整とコード修正の考え方
p1と書いても、ブラウザによっては画面上に文字が表示されることがあります。ただし、表示されているからといって、HTMLとして正しいわけではありません。ブラウザは多少不正確なHTMLでもできるだけ表示しようとするため、間違いに気づきにくい場合があります。
p1を使うと、pタグとしての標準的な余白が付かなかったり、CSSの指定が期待どおりに反映されなかったりすることがあります。CSSとは、文字の色、大きさ、余白、行間など、Webページの見た目を整えるための言語です。たとえば、CSSでpタグに対して文字色を指定しても、p1で書いた文章にはその指定が反映されません。
<style>
p {
color: blue;
}
</style>
<p>この文章は青く表示されます。</p>
<p1>この文章はpタグではないため、同じ指定が効かない場合があります。</p1>見た目を変えたい場合は、p1のような独自のタグ名を使うのではなく、pタグにclass属性を付けてCSSで調整します。class属性とは、HTMLタグに名前を付け、特定の要素だけにCSSを適用しやすくするための書き方です。要素とは、開始タグ、内容、終了タグをまとめたHTMLの部品です。
<style>
.lead {
font-size: 20px;
font-weight: bold;
}
</style>
<p class="lead">この段落だけ目立たせます。</p>
<p>これは通常の段落です。</p>この書き方であれば、文章が段落であるという意味を保ったまま、特定の段落だけ見た目を変えられます。HTMLでは文章の意味や構造を表し、CSSでは見た目を整えるという役割分担を意識することが重要です。
p1を見つけた場合は、その文章が何を表しているのかを確認します。本文の段落であればpタグに直し、ページや項目の見出しであればh1やh2などの見出しタグに直します。手順や項目の一覧であれば、ulタグやolタグを使うこともあります。ulタグは順番のない一覧、olタグは順番のある一覧を表すタグです。
正しいタグを選ぶことで、ブラウザだけでなく、検索エンジンや読み上げソフトにも内容が伝わりやすくなります。読み上げソフトとは、画面上の文字を音声で読み上げる支援技術です。Webページは見た目だけでなく、意味が正しく伝わることも大切です。p1ではなくpタグを使い、必要に応じてCSSを組み合わせることで、初心者の方でも分かりやすく保守しやすいHTMLを書けるようになります。
