iPentec.com  /  Doc  /  HTML  /  HTMLタグ

目次

テキストのインライン要素のセクションを作成する - span タグによるインライン要素のテキストの表示 - HTML

テキストのインライン要素のセクションを作成するタグを紹介します。

概要

HTMLでインライン要素のテキストのセクションを表現するにはspanタグを利用します。なお、ブロック要素でセクションを表現する場合はdivタグを利用します。

書式

<span>～</span>

コード例

下記のHTMLファイルを作成します。
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
  <span>ぺんぎんが氷山の上でジャンプ</span>
  <span>らくだが砂漠の中を歩く</span>
  <span>しろくまが雪原で踊る</span>
</body>
</html>

表示結果

上記のHTMLファイルをWebブラウザで表示します。下図の画面が表示されます。spanタグのテキストはインライン要素として扱われるため、spanタグの終了では改行されず、次のspanブロックが続けて表示される動作になることが確認できます。


著者
とりっち
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。

関連するページ

掲載日: 2018-06-18
ドキュメント
新着記事一覧
タグ一覧
ドキュメント トップ
SNSコンテンツ
YouTube
Instagram
Pinterest
X
iPentec
プライバシー
iPentecについて
iPentec all rights reserverd.