ブロック

<P align="left">段落</P>

通常の表示
段落 ブラウザはファイル中に入力した改行や連続する空白文字を無視することを説明しましたが、画面の横いっぱいで入りきらなくなると自動的に改行を行います。

 よほど短いものでない限り、ほとんどのテキストはいくつかの段落で構成されます。

HTMLでは段落をタグを使って囲みます。

これにより、ほとんどのブラウザではそれが段落と理解しやすいよう前の段落と行間を空けて表現します。

<P STYLE="text-indent: 5;
word-spacing: 12;
line-height: 150%;
margin-left: 10;
margin-right: 9;
margin-top: 15"
 align=
"left">段落</P>

ブロック・インライン要素イメージ

STYLEを使用した例
段落 ブラウザはファイル中に入力した改行や連続する空白文字を無視することを説明しましたが、画面の横いっぱいで入りきらなくなると自動的に改行を行います。

 よほど短いものでない限り、ほとんどのテキストはいくつかの段落で構成されます。

HTMLでは段落をタグを使って囲みます。

これにより、ほとんどのブラウザではそれが段落と理解しやすいよう前の段落と行間を空けて表現します。

STYLEを使用すると読みやすくなっています。

多くは行間をあけたり文字間を空けています。

  • text-indent: 5; 書き出し位置
  • word-spacing: 12; 文字間
  • line-height: 150%; 行間
  • margin-left: 10; 左側マージン
  • margin-right: 9; 右側マージン
  • margin-top: 15" 上部マージン

<BR clear="all">改行

テキストを強制的に改行します。

clear
clear="type"の形で、強制改行の方法を指定します。

 typeには次のようなものが入ります。

all
テキストを改行します。

インラインイメージでalign="left"またはalign="right"を使ったとき、行の折り返しをそこで打ち切り、新しい行を始めます。

both
この値は正式なものではありません。

ブラウザによっては、allと同じ効果を持ちます。

left
allと同様ですが、画像でalign="left"を使っているときのみ効果があります。
none
テキストだけ改行します。

デフォルトはこの値です。

right
allと同様ですが、画像でalign="right"を使っているときのみ効果があります。

<NOBR>〜</NOBR>により、この間のテキストは改行されません。

<HR>ヘアライン


<HR width="60%" size="12" color="#008000">


<HR width="60%" size="16" color="#008000" style="border: 3 ridge #00FF00">


[BACK] [NEXT][詳細]


HTML入門