Menu
Coddy logo textTech

インラインの Span

CoddyのHTMLジャーニー「Fundamentals」セクションの一部 — レッスン 26/60。

文章があり、その中の1つの単語や一部だけを強調したい場合はどうすればよいでしょうか?<span>タグを使うことができます!これにより、残りの部分に影響を与えることなく、テキストの特定の箇所だけにスタイルを適用したり変更を加えたりすることができます。

HTMLでspanを使用するための基本構文は次のとおりです:

<span>This is some text.</span>

段落内の一部のテキストを強調するために span タグを使用する方法の例を次に示します:

<p>This is a <span style="color: blue;">blue</span> word.</p>

この例では、"blue" という単語が青色で表示されます。

style属性については、後ほど学習します!

challenge icon

チャレンジ

簡単

段落が含まれるHTMLドキュメントが与えられます。あなたのタスクは、<span>タグを使用してテキスト"qwerty12345"を囲むことです。

 

チートシート

<span>タグは、他の部分に影響を与えずに、テキストの特定の部分にスタイルを適用したり変更を加えたりするために使用されます。

基本的な構文:

<span>This is some text.</span>

インラインスタイルを使用した例:

<p>This is a <span style="color: blue;">blue</span> word.</p>

自分で試してみよう

<!DOCTYPE html>
<html>
    <body>
        <!-- ここにコードを記述します -->
        <p>The secret password is qwerty12345.</p>
    </body>
</html>
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

Fundamentalsのすべてのレッスン