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タグはこうどんな主題について文書を書く時に使われます。
では、次の講座へ行きましょう。