改行する 【brタグ】

ブログが作りたい!HTML入門 > 改行する 【brタグ】

改行する 【brタグ】

改行する 【brタグ】

強制的?に改行するタグ

今回は、改行するタグ「<br>タグ」です。なかなか、使い方の難しいHTMLタグなんだなぁ。

お話は、次の順番で進みます。

▲ページの先頭に戻る

改行するタグ(<br>タグ)とは?

<br>タグは、文章中の好きなところで、強制的に改行するためのタグです。

<br>

使い方は、改行したいところに入れるだけです。

ちなみに、どうして、「br」かと言えば、「break(分断)」の頭文字「br」です。文章を分断(改行)するといったところでしょうか。

▲ページの先頭に戻る

実習 <br>タグ

<br>タグを文章中に入れて、強制的に改行してみましょう。

1:改行する

(01)

例えば、次のような文章があるとします。

わたしは、ダイエット中です。食事を少なめにして、毎朝、散歩をしています。

<br>タグを文章に入れてHTMLコードを、次のようにしてみます。

(02)

ブラウザで表示してみましょう。問題なく改行できているはずです。

ブラウザで表示

▲ページの先頭に戻る

2:<br>タグの留意点

(03)

ただ、必ずしも、誰もが同じ環境、同じ文字サイズで閲覧しているわけではありませんから、<br>タグを使う場合は、気をつける必要があります。

例えば、次の文章は、文字が標準サイズに設定されていれば、区切り良く見えます。

文字を標準サイズに設定

さて、文字のサイズを一段階大きくして表示してみましょう。何だか、急にバランスが悪くなって、見難くなってしまいました。

文字のサイズを一段階大きくして表示

つまり、好きなように改行タグを入れても、作り手の期待するイメージ通りに、読み手に見てもらえるとは限らないのです。

<br>タグは、どうしても必要な場所、使わざるを得ない場所でだけ使う方が良さそうです。

▲ページの先頭に戻る

次回予告

次回は、文章を強調するタグ(strongタグ)について書いています。

▲ページの先頭に戻る

関連記事

HTMLに関連する記事を、ご紹介します。

▲ページの先頭に戻る

作成日:2008/04/01 更新日:2008/04/01

« 「HTML入門まとめ」|「強調する 【<strong>タグ】」 »

コメントありがとうございます。

お手数ですが、コメント前に留意事項をご覧くださいませ。

また、現在ご質問にお答えする余裕がない状態にあります。よろしくお願いいたします。

コメントの投稿

内緒のときは、チェックしてください。

トラックバック

http://kumacrow.blog111.fc2.com/tb.php/251-00174350
 | トップページ | 

FC2ブログの作り方・作成

GIMP2で画像を編集しよう

イラストが描ける Inkscape

初心者のためのSEO対策

Google Analytics入門

アクセス解析QLOOK

アイデアの作り方

超ビギナー向けHTML入門

超ビギナー向けのCSS入門

FC2ブログのカスタマイズ

初心者向けのCSS小技

Web制作に役立つ本

ブログでお小遣い稼ぎ

これはうまい!

誰にでも才能はあるのです

RSSフィード

プロフィール

KumaCrow(クマクロ)

KumaCrow

FC2ブログによるブログの作り方をご紹介しています。「初心者の人にも分かりやすく!」がモットーです。

Twitter KumaCrow

リンクフリー♪
フォローも、ふりっふり~

伝わる文章を書くコツ

最近の記事

最近のコメント

パソコン入門

アクセスの多かった記事

先月アクセスが多かった記事を、ご紹介します。

【1位】
GIMP2の使い方
【2位】
プリントスクリーンの方法
【3位】
GIMP2 パスの使い方
【4位】
GIMPとは?
【5位】
レイヤーとは?

初心者のデジカメ撮影術

ホームページ制作にJimdo

このブログの評価

自分を見つめなおす

ブログランキング

クリックしちゃいなよ!You、クリックしちゃいなよ!そして、Canして、Doしちゃいなよ!

FC2ブログランキングに参加してみませんか?見に来てくれる人が少しだけ増える・・・かもしれません。

FC2カウンター

ブログ開始(2007年7月)から、ユニークユーザ数が「のべ240万人」に達しました。いつもご覧いただきまして、ありがとうございます。(2011/01/05、FC2カウンター故障・データ消失により、10万人分くらいマイナスとなりました)

子どもの教育

最近のトラックバック

+++ お友達のブログ・お世話になっているサイトさま +++

ふわふわふわりん
無料ウェブ素材 Tyto-Style
海外のSEO対策・SEOツールをわかりやすく解説するブログ
日南商工会議所による情報化支援ブログ
気になるけど
聞き捨てならん!!
かちびと.net
ありのごとくあつまりて