★ ホームページを作ってみよう
��
★ へ戻りま〜す♪
Ｈ Ｔ Ｍ Ｌ を 覚 え た い 〜 段 落・区切り 編 ☆ 実 践 ペ ー ジ |
★ ホームページを作ってみよう
��
★ へ戻りま〜す♪
★ 「 ＨＴＭＬを覚えたい〜段落・区切り編 」の実践ページです。。。ＨＴＭＬの本を参考にして実際に試してみました
お 知 ら せ ・・・ 07/11/13 ページの一番下から、この表の一番上の行にジャンプするようにしました♪
|
このページでは、段落や区切り線（水平線）に関わるタグを使って、それぞれ試してみました ※ ここで使っている文章は、ＳＭＡＰの「世界に一つだけの花」の歌詞です |
|
|
★ 段 落
（ 前後に１行の空きあり ）
文章などをひとまとまりとしての段落指定
|
● 段 落 （ 前後に１行の空きを入れる場合 ） ＜ Ｐ ＞ 〜 ＜ ／ Ｐ ＞
※ 段落の行揃え（属性：ＡＬＩＧＮ、属性値：ｌｅｆｔ、ｃｅｎｔｅｒ、ｒｉｇｈｔ） 行揃えも一緒に指定した方がいいと思います
≪ 記 述 例 ≫
<p align="left">ナンバーワンにならなくてもいい、もともと特別なＯｎｌｙ ｏｎｅ</p> <p align="left">花屋の店先に並んだ、いろんな花を見ていた</p> <p align="left">ひとそれぞれ好みはあるけど、どれもみんなきれいだね</p> <p align="left">この中で誰が一番だなんて、争う事もしないで</p> <p align="left">バケツの中誇らしげに、しゃんと胸を張っている</p>
ナンバーワンにならなくてもいい、もともと特別なＯｎｌｙ ｏｎｅ
花屋の店先に並んだ、いろんな花を見ていた
ひとそれぞれ好みはあるけど、どれもみんなきれいだね
この中で誰が一番だなんて、争う事もしないで
バケツの中誇らしげに、しゃんと胸を張っている
|
|
★ 段 落
（ 前後に１行の空きなし ）
文章などをひとまとまりとしての段落指定
|
● 段 落 （ 前後に１行の空きを入れない場合 ） ＜ ＤＩＶ ＞ 〜 ＜ ／ ＤＩＶ ＞
※ 段落の行揃え（属性：ＡＬＩＧＮ、属性値：ｌｅｆｔ、ｃｅｎｔｅｒ、ｒｉｇｈｔ） 行揃えも一緒に指定した方がいいと思います
≪ 記 述 例 ≫
<div align="left">ナンバーワンにならなくてもいい、もともと特別なＯｎｌｙ ｏｎｅ</div> <div align="left">花屋の店先に並んだ、いろんな花を見ていた。ひとそれぞれ好みはあるけど、どれもみんなきれいだね</div> <div align="left">この中で誰が一番だなんて争う事もしないで、バケツの中誇らしげに、しゃんと胸を張っている</div>
ナンバーワンにならなくてもいい、もともと特別なＯｎｌｙ ｏｎｅ 花屋の店先に並んだ、いろんな花を見ていた。ひとそれぞれ好みはあるけど、どれもみんなきれいだね この中で誰が一番だなんて争う事もしないで、バケツの中誇らしげに、しゃんと胸を張っている
|
|
★ 強 制 改 行 |
● 強 制 改 行 ・・・ ブラウザ上で、強制的に改行して表示 ＜ Ｂ Ｒ ＞ ≪ 記 述 例 ≫ ナンバーワンにならなくてもいい<br>もともと特別なＯｎｌｙ ｏｎｅ<br>花屋の店先に並んだ<br>いろんな花を見ていた<br>ひとそれぞれ好みはあるけど<br>どれもみんなきれいだね<br>この中で誰が一番だなんて<br>争う事もしないで<br>バケツの中誇らしげに<br>しゃんと胸を張っている
ナンバーワンにならなくてもいい
|
|
★ 水 平 線 を 引 く （ 区切り線 ）
|
● 水 平 線（ 区切り線 ）を引く ・・・ ＜ Ｈ Ｒ ＞
属 性 ： ＳＩＺＥ （ 太 さ ） 属性値 ： ピクセル数で指定 属 性 ： ＷＩＤＴＨ （ 長 さ ） 属性値 ： ピクセル数かウィンドウに対する％ 属 性 ： ＣＯＬＯＲ （ 色 ） 属性値 ： カラーネーム または ＃カラーの値 属 性 ： ＡＬＩＧＮ （ 位置・行揃え ） 属性値 ： ｌｅｆｔ、ｃｅｎｔｅｒ、ｒｉｇｈｔ 属 性 ： ＮＯＳＨＡＤＥ （ 影なし ）
≪ 記 述 例 ≫
◎ <hr>
◎ <hr size="10"> ◎ <hr width="400"> <hr width="80%">
◎ <hr color="red">
◎ <hr color="#008000">
◎ <hr width="400" align="right">
◎ <hr noshade> 影なしにする ※ 水平線を引くために、いろいろなオプション（属性）を指定してみます <hr width="400" size="20" color="red" align="right"> <hr width="400" size="10" align="center">
<hr width="400" size="10" align="center" noshade> 影なし
|
|
|