改行する

上部
そうそう、さっき「見出し」と「段落」の前後では、自動的に改行が入るって説明したよね。そのように自動的に改行が入る場合を除いて、HTMLでは改行する場合はタグを入れる必要があるんだよ。


あ、そうなんですか〜。さっきのHTMLで改行した部分は、ブラウザで表示した時にも勝手に改行されるものだと思っていました。確かにさっき作った自己紹介を見てみると、性格のところと、好きな映画のジャンルのところが改行されていないですね。

さっき作った学の自己紹介を新しいウィンドウで開く

上部
HTMLでは、自動で改行が入る場合を除いて、改行もタグで記入してあげる必要があるんだよ。
改行したい部分には <br> を記入しよう。


わかりました〜。じゃあ、さっきのHTMLで改行したい部分に <br> を記入してと・・・。 こうなりました。

<!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>元気がとりえです。<br>
ちょっとおっちょこちょいで小さな失敗をすることがあります。</p>
<h2>趣味</h2>
<p>趣味はサッカーと映画です。</p>
<h3>サッカー</h3>
<p>週末には草サッカーをやっています。</p>
<h3>映画</h3>
<p>好きな映画のジャンル<br>
・アクション映画<br>
・ホラー映画</p>
</body>
</html>

上部
では、ここまでを表示してみようか。

学の自己紹介を新しいウィンドウで開く


おお〜。さっき改行されてなかったところがちゃんと改行されましたよ!

SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送