HTML イタリック スパン
テキストを斜体で表示するために HTML で使用されるタグは複数あります。 これらのタグは、別の言語のキーワード、専門用語、フレーズ、または重要な単語を強調します。
イタリック体のタグは主にユーザー向けであり、引用符のようにテキストの一部を強調するのに役立ちます。
ユーザーは、これらのタグでマークされたコンテンツに特に注意を払います。 そのため、テキストを斜体にするために使用されるさまざまなタグが存在する可能性がありますが、この記事では、次のタグを使用して HMTL のテキストを斜体にします。
<i>タグ<em>タグ<span>タグ
<i> タグを使用して HTML のテキストを斜体にする
HTML では、タグ <i> はテキストを斜体にするのに役立ち、テキストの一部を別のムードで定義します。 <i> タグは、開始タグと終了タグを含むコンテナー タグです。
<i> タグ内のコンテンツは通常、斜体で表示されます。
構文：
<i>Contents</i>
コード例:
<p><i>Lorem ipsum</i> is the most popular filler text in history.</p>
<em> タグを使用して HTML のテキストを斜体にする
<em> タグは、テキストを斜体にするためにも使用されます。 リーダーは、<em> タグ内のコンテンツを、言葉のストレスを使用して強調して発音します。
このコンテナー タグには開始タグと終了タグがあり、<em> タグ内のテキストは斜体で表示されます。
構文：
<em>Italic Text</em>
コード例:
<p>You <em>have</em> to hurry up!</p>
<span> タグを使用して HTML のテキストを斜体にする
html <span> タグは、スタイリング目的でインライン要素をグループ化するために使用される一般的なインライン コンテナーです。 このタグは、特定のテキストやその他のコンテンツを他のコンテンツとは異なるものにするのに役立ちます。
<span> は、開始タグ < と終了タグ > を持つペア タグであり、タグの終了は必須です。 <span> タグは <div> に似ていますが、<div> はブロック レベルのタグであり、span はインライン タグです。
構文：
<span style="font-style:italic">contents</span>
コード例:
<p>The bird is <span style="font-style:italic">flying</span> in the sky.</p>
これらすべてのプロパティを 1つの例で使用する例を見てみましょう。
<!DOCTYPE html>
<html>
<head>
<title>HTML: The i and em span tags</title>
</head>
<body>
<h3>From the Universal Declaration of Human Rights</h3>
<p>
Where recognition of the inherent dignity and of the <i>equal and inalienable rights</i> of <em>all members of the human family</em> is the <span style="font-style: italic;">foundation of freedom, justice and peace</span> in the
world
</p>
</body>
</html>
まとめ
HTML でテキストを斜体にする方法に関する記事を要約するために、斜体とは何か、テキストを斜体にする方法について説明しました。
さらに、テキストを斜体にするために使用されるさまざまなタグについても説明しました。 この記事で説明したさまざまなタグは、<i>、<em>、および <span> です。
Zeeshan is a detail oriented software engineer that helps companies and individuals make their lives and easier with software solutions.
LinkedIn