段落を指定する
上部
では、次に文章を追加していこう。文章はいくつかの「段落」から出来ているよね。1つの「段落」をHTMLで書く場合は、 <p> と </p> で囲むんだよ。
学
なるほど、ではさっき作ったこの自己紹介を早速HTMLにしていきますよ〜。
学の自己紹介
名前
名前は学(まなぶ)ですが勉強は苦手です。
性格
元気がとりえです。
ちょっとおっちょこちょいで小さな失敗をすることがあります。
趣味
趣味はサッカーと映画です。
サッカー
週末には草サッカーをやっています。
映画
好きな映画のジャンル
・アクション映画
・ホラー映画
学
えーと、見出し以外の所は全部「段落」になりますね。HTMLにするとこんな感じになりました〜。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>学の自己紹介</title>
</head>
<body>
<h1>学の自己紹介</h1>
<h2>名前</h2>
<p>名前は学(まなぶ)ですが勉強は苦手です。</p>
<h2>性格</h2>
<p>元気がとりえです。
ちょっとおっちょこちょいで小さな失敗をすることがあります。</p>
<h2>趣味</h2>
<p>趣味はサッカーと映画です。</p>
<h3>サッカー</h3>
<p>週末には草サッカーをやっています。</p>
<h3>映画</h3>
<p>好きな映画のジャンル
・アクション映画
・ホラー映画</p>
</body>
</html>
何だか長いHTMLになってきましたね〜。僕もプログラマーになった気分ですよ!
上部
うんうん。だんだん楽しくなってきたみたいだね。
ちなみに「段落」の前後に自動で改行が入るので覚えておこうね。