” 」タグは、Webページ上のテキストを段落として表示するために利用されます。 「
」タグには、段落の前後に追加される事前定義された垂直スペースが付属しています。 「
」タグ内のテキストは常に次の行に表示され、余分なスペースもスキップされます。開発者は p タグを使用して、コンテンツを個別のセクションに分割したり、情報を論理的に整理したりできます。
このガイドでは、HTML の p タグと実際の実装について説明します。
HTMLのpタグとは何ですか?
” 」タグは、コンテンツの構造を強化し、テキストをより目立たせるために Web ページで使用されます。これは、Web ページの SEO プロセスに役立ち、検索結果での Web サイトのランキングを向上させることができます。
構文
「」の構文 ”タグは次のように表示されます。
< p > Linux p >
上記のコード行では、「 ” が開始タグであり、”
」が終了タグです。 HTML 要素の複雑さと重複を避けるために、終了タグの使用が必須です。
以下の例を参照して、「 ” タグの機能:
< 体 >< p > こんにちは Linuxhint コミュニティ p >
体 >
上記のコード スニペットの出力を以下に示します。
上記の出力は、「」を使用して画面に表示されるプレーンテキストを示しています。 ' 鬼ごっこ。
CSS スタイルを
タグに適用するにはどうすればよいですか?
” ” タグは、” のようなグローバル属性を受け入れます。 クラス ”、” ID ' また ' スタイル 」など、CSS プロパティを使用して選択した要素のスタイルを設定するために利用できます。開発者は、グローバル属性の 1 つを使用して、特定の要素にのみ CSS プロパティを適用できます。そしてすべてにスタイルを適用するための「 「Webページで使用されるタグはHTMLを直接選択します」 p CSS ファイル内の「」要素または「 <スタイル> ' 鬼ごっこ。
例 1: CSS プロパティをすべての「p」要素に適用する
すべての
HTML 要素に同じスタイルを設定するには、以下のコード スニペットを参照してください。
< スタイル >p {
背景色: フォレストグリーン;
色: 白;
}
スタイル >
< 体 >
< p > こんにちは Linuxhint コミュニティ p >
< p > こんにちは Linuxhint コミュニティ p >
< p > こんにちは Linuxhint コミュニティ p >
< p > こんにちは Linuxhint コミュニティ p >
体 >
上記のコード スニペットでは、CSS「 背景色 ' と ' 色 ” プロパティは” に適用されます p 「」要素を直接選択して「 p ”要素セレクター。
上記のコード スニペットを実行すると、Web ページは次のようになります。
上記の出力は、すべての「」に同じスタイルが適用されていることを示しています。 p 」要素を Web ページに追加します。
例 2: CSS プロパティを一意の「p」要素に適用する
ユニークなスタイルを適用するための「 p 」要素、style、id、または class 属性を利用できます。これらのグローバル属性は、CSS プロパティを「 p 」要素が関連付けられています。
コードにアクセスしてみましょう。
< スタイル >p {
背景色: フォレストグリーン;
色: 白;
}
.using-class {
背景色: ダークシアン;
}
#使用ID{
背景色: バラ色;
}
スタイル >
< 体 >
< p > こんにちは Linuxhint コミュニティ p >
< p スタイル = 「背景色:赤」 > こんにちは Linuxhint コミュニティ p >
< p クラス = 「使用クラス」 > こんにちは Linuxhint コミュニティ p >
< p ID = 「使用ID」 > こんにちは Linuxhint コミュニティ p >
< p > こんにちは Linuxhint コミュニティ p >
体 >
上記のコード スニペットでは、「 p ” 要素は、グローバル属性とともに使用される場合、異なる値に設定されます。
上記のコード スニペットを実行すると、Web ページは次のように表示されます。
上記の出力は、「 p 」要素は、グローバル属性を使用して独自のスタイルが設定されるようになりました。
結論
” ”
タグについて説明しました。