happy cat image

everdevel

coding

login
お知らせX
  • 現在、コメントだけのお知らせだけ表示します。
  • 表するコメントかログインしてください。

sectionタグ

sectionタグについて調べましょう。

sectionは一つの主題について文書を書く時に使います。

sectionタグの使い方

<section>書きたい文書</section>

たとてhtml5について文書を書くとしたら下のソースのように書けます。

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
    <section>
        <h1>HTML5</h1>
        <p>
            HTML5はウェブページの基本となるウェブ言語です。<br />
            様々なタグにより行われています。<br />
            今はHTML5が出来ていろいろの機能を作ることが出来ます。<br />
        </p>
    </section>
</body>
</html>

結果

一つの文書では理解しにくいんでもう一つの文書を追加してソースを作成します。

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
    <section>
        <h1>HTML5</h1>
        <p>
            HTML5はウェブページの基本となるウェブ言語です。<br />
            様々なタグにより行われています。<br />
            今はHTML5が出来ていろいろの機能を作ることが出来ます。<br />
        </p>
    </section>
    <section>
        <h1>CSS3</h1>
        <p>
            CSS3を利用してウェブページを飾ることが出来ます。<br />
            バッググラウンドの色を白に変更したり文字のfontを変更することが出来ます。<br />
        </p>
    </section>
</body>
</html>

結果

sectionタグはこうどんな主題について文書を書く時に使われます。

では、次の講座へ行きましょう。


ご覧くださってありがとうございます。お問い合わせと間違い説明はある場合、下にあるコメントにお願いいたします。


    
    

講義に戻る。

コメント 0個

並べ替え