テキストのブロック要素のセクションを作成する - div タグによるブロック要素のテキストの表示 - HTML

HTMLでテキストのブロック要素のセクションを記述するタグを紹介します。

概要

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

書式

divの開始タグから終了タグの間にブロック内に表示するテキストを記述します。

コード例

下記のHTMLファイルを作成します。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
  <div>ぺんぎんが氷山の上でジャンプ</div>
  <div>らくだが砂漠の中を歩く</div>
  <div>しろくまが雪原で踊る</div>
</body>
</html>

表示結果

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

著者

とりっち

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

目次

テキストのブロック要素のセクションを作成する - div タグによるブロック要素のテキストの表示 - HTML

概要

書式

コード例

表示結果

関連するページ