◇前説・・・ブロックレベル要素とインラインレベル要素

▼

　BR要素は、ブロックレベル要素で挟まれたドキュメントの改行

"ブロックレベル要素"で挟まれたドキュメント内容の変更は、インラインレベル要素を使います。

<ブロックレベル要素>〜</ブロックレベル要素>内の

改行要素の<BR>タグは、ワンサイドタグのため終了タグはありません。

テキスト行が長いときなどは、<BR>タグの記述がなくても、初期設定したドキュメントの表示領域（横幅の範囲）に応じて自動的に改行されます。

▼

改行要素<br>の作例

ブロックレベル要素のP要素（段落要素）で挟んだテキストを途中で改行（BR要素を挿入）した場合

▼

　|←←←←←←←←←←　要　素　→→→→→→→→→| 

　　 ↓ブロックレベル要素（P要素） 　↓要素内容　 
　  <P>未知の苦HTML解道<BR>万年初心者脱却紀行！</P>
　　　　　↑要素内容　 　↑改行要素   

▼

　★　自動改行の制御　NOBRタグ
　・・・作例はございません。事由は次のとおりです。

テキストの改行を制御する場合、nobr要素の記述は、HTML定義「HTML4.01 Transitional」＝規格外のため、スタイルシートの設定を推奨しています。

当管理人は、確証を得るため、nobrタグを使い、検証してみましたが、自動改行を制御する特性から、ブラウザに横スクロールバーが発生します。

日々格闘の末、築き上げた折角のレイアウトが、見るも無惨な姿に・・・。 nobrタグは使わないことが賢明という結論です。

▼

　★　画像やテーブルの横（隣）に配置したテキストの回り込み解除
　・・・BR要素にCLEAR属性を指定します。
　但し、CLEAR属性は廃止予定の属性　>>　スタイルシート推奨

BR要素にCLEAR属性の指定がない場合

テキスト（文章）のフォントサイズや書体は、ウェブページ全体の見栄え（デザインやレイアウト）に少なからず影響を及ぼしているジジツがあると思われます。
ブラウザの使用環境は、ユーザーに依存されていることから、デフォルトのフォントサイズを推奨する意見もありますが、文字が大きすぎて、読みづらいと思う面も否めません。
そこで登場するのが、スタイルシート（CSS）で設定する方法。
フォントのサイズ・太さ・文字種、テーブルの枠線・カラー・セルサイズなどを縦横無尽？に 設定可能。コレハ便利ですが・・・。
スタイルシートは、窓ユーザーでもIEの旧バージョンや窓以外のブラウザでは、見るも無惨な光景とか。設定には少々注意が必要のようです。
万年初心者脱却紀行。「™未知の苦HTML解道」

▼

BR要素にCLEAR属性の指定がある場合

画像周りのテキスト中に、BR要素CLEAR属性を記述すると、それ以降のテキストは画像の下に表示されます。

■BR要素CLEAR属性の値

▼

◆BR要素のCLEAR属性は、スタイルシートの設定を推奨しています。

▼

　■BR要素CLEAR属性　>>　スタイルシート代替記述

▼

テキスト（文章）のフォントサイズや書体は、ウェブページ全体の見栄え（デザインやレイアウト）に少なからず影響を及ぼしているジジツがあると思われます。
ブラウザの使用環境は、ユーザーに依存されていることから、デフォルトのフォントサイズを推奨する意見もありますが、文字が大きすぎて、読みづらいと思う面も否めません。
そこで登場するのが、スタイルシート（CSS）で設定する方法。
フォントのサイズ・太さ・文字種、テーブルの枠線・カラー・セルサイズなどを縦横無尽？に 設定可能。コレハ便利ですが・・・。

スタイルシートは、窓ユーザーでもIEの旧バージョンや窓以外のブラウザでは、見るも無惨な光景とか。設定には少々注意が必要のようです。
万年初心者脱却紀行。「™未知の苦HTML解道」

■スタイルシートによる代替記述のソース表示