HTMLでの改行

基本となるWebサイトの作成に成功しました。

これで文字だけであれば自由自在に作成できるかというとそう甘くはない。

たとえば,以下のような表示にしたいとしよう。

 

 

—————————————————-ここから

ようこそWebの世界へ!

テキストエディターだけで誰でもWebサイトを制作できます。

初めての方も基礎から学べますよ。

—————————————————-ここまで

 

TeraPadを使ってHTMLコードを打ち込んでみましょう。

headタグのところは改行が無意味ですので敢えて一行にまとめています。

<html>

<head><title>見出し</title></head>

<body>

ようこそWebの世界へ!

テキストエディターだけで誰でもWebサイトを制作できます。

初めての方も基礎から学べますよ。

</body>

</html>

 

これをtest2.htmlとして保存してみます。ブラウザで開くと,

test2

test2

このように改行されません。HTMLでは改行は無意味です。改行もスペースもすべて無視されてしまいます。

改行するにはbrタグを使います。以下のようにしてみてください。

<html>

<head><title>見出し</title></head>

<body>

ようこそWebの世界へ!<br>

テキストエディターだけで誰でもWebサイトを制作できます。<br />

初めての方も基礎から学べますよ。<br>

</body>

</html>

保存後にブラウザで開いてみてください。イメージ通りになっていますね?

でも,ここでタグがおかしい事に気づいたのではないでしょうか。

タグは<タグ>XXXX</タグ>のスタイルだったはずです。しかも見たことない<タグ />なんてあります。

そう,このbrタグは特殊なタグで間に挟んだ対象が何かを示す荷札ではなく,その位置で改行になります。

そのため,<br>だけで</br>は不要となっています。

逆に</br>を入れるとブラウザにもよりますが不本意ながらそこでも改行されてしまいます。

また,HTMLの書き方のルールの一つに</タグ>を省略する場合は<タグ />と書けるというのがあります。

なので<br>も<br/>も同じ事を意味するんですね。

 

今日のまとめ

改行は<br>または<br/>

 

 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です