★
ホームページを作ってみよう ��
★へ戻りま〜す♪
|
Ｈ Ｔ Ｍ Ｌ を 覚 え た い 〜 段 落・区切り（水平線）編 |
自分が勉強しながら覚えるためのページです… もし良かったら参考にしてね
♪ ★
ホームページを作ってみよう ��
★へ戻りま〜す♪
★ 段落・区切り編 〜 実践ページ ★ この実践ページを合わせて見ていただくと、分かりやすいと思います
お
知 ら せ ・・・ 実践ページを、インラインフレームで表示するようにしました
（ 一番下だよ♪ ）
☆ 07/11/11 ページの一番下からこの表のＴＯＰへジャンプするようにしたよ♪
|
（ ｐａｒａｇｒａｐｈ ） |
タ グ の 記 述 （ 要 素 属 性 ＝ ” 属 性 値 ” ） |
|
★ 文 章 な ど の 段 落 （ 前後に１行の空きを入れる ）
|
＜ Ｐ ＞ ひとまとまりの段落として指定する文章 ＜ ／ Ｐ ＞
※ ＜ Ｐ ＞という段落を指定するタグ 段落の前後に１行の空きを入れる時に使います |
|
段 落 の 行 を 揃 え る （ 属 性 ： ＡＬＩＧＮ ） |
＜ Ｐ ＡＬＩＧＮ ＝ ” ＬＥＦＴ または ＣＥＮＴＥＲ または ＲＩＧＨＴ ”＞ ひとまとまりの段落として指定する文章 ＜ ／ Ｐ ＞
★ 属 性 値 ◎ ＬＥＦＴ ・・・ 左揃え ◎ ＣＥＮＴＥＲ ・・・ 中央揃え ◎ ＲＩＧＨＴ ・・・ 右揃え
|
|
★ 文 章 な ど の 段 落 （ 前後に１行の空きを入れない ）
|
＜ ＤＩＶ ＞ ひとまとまりの段落として指定する文章 ＜ ／ ＤＩＶ ＞
※ ＜ ＤＩＶ ＞という段落を指定するタグ 段落の前後に１行の空きを入れない時に使います |
|
段 落 の 行 を 揃 え る （ 属 性 ： ＡＬＩＧＮ ） |
＜ ＤＩＶ ＡＬＩＧＮ ＝ ” ＬＥＦＴ または ＣＥＮＴＥＲ または ＲＩＧＨＴ ”＞ ひとまとまりの段落として指定する文章 ＜ ／ ＤＩＶ ＞
★ 属 性 値 ◎ ＬＥＦＴ ・・・ 左揃え ◎ ＣＥＮＴＥＲ ・・・ 中央揃え ◎ ＲＩＧＨＴ ・・・ 右揃え
|
|
★ セ ン タ リ ン グ |
＜ ＣＥＮＴＥＲ ＞ 画像やテキスト、テーブル（表組）など、すべての要素 ＜ ／ ＣＥＮＴＥＲ ＞ |
|
※ 最近は、こちらの記述を使用することが推奨されているそうです
|
＜ Ｐ ＡＬＩＧＮ ＝ ” ＣＥＮＴＥＲ ”＞ ・・・ 前後に１行、空きを入れる場合
＜ ＤＩＶ ＡＬＩＧＮ ＝ ” ＣＥＮＴＥＲ”＞ ・・・ 前後に１行、空きを入れない場合 |
|
★ 強 制 改 行 |
＜ Ｂ Ｒ ＞ ・・・ ブラウザ上で、改行させるタグ
※ 文章などをＨＴＭＬソース上で改行しても、ブラウザ上では改行されて表示されないので、強制的に改行して表示するタグです
※ テキストや画像の後に＜ ＢＲ ＞タグを入れると、そのタグの数だけ改行されます
|
|
★ 水 平 線 を 引 く （ 区 切 り 線 ） |
＜ Ｈ Ｒ ＞ ・・・ 水平線（ 区切り線 ）を表示させるタグ （ 要 素 ）
|
|
水 平 線 の 太 さ |
＜ Ｈ Ｒ ＳＩＺＥ ＝ ”線 の 太 さ（ ピクセル数 ）” ＞ |
|
水 平 線 の 幅 （ 長 さ ） |
＜ Ｈ Ｒ ＷＩＤＴＨ ＝ ”線 の 長 さ（ ピクセル数 または 画面に対する％ ）” ＞
※ 属性値を、ピクセル数で指定した場合 ウィンドウのサイズに関係なく、そのピクセル数で固定された長さになります
※ 属性値を、ウィンドウに対する比率（ ％ ）で指定した場合 ウィンドウのサイズが変わると、水平線の長さも変わります
|
|
水 平 線 の 色 |
＜ Ｈ Ｒ ＣＯＬＯＲ ＝ ”線 の 色（ カラーネーム または ＃ カラーの値 ）” ＞ |
|
水 平 線 の 位 置 （ 行 揃 え ）
|
＜ Ｈ Ｒ ＡＬＩＧＮ ＝ ”行 揃 え（ ＬＥＦＴ、ＣＥＮＴＥＲ、ＲＩＧＨＴ ）” ＞
★ 属 性 値 ◎ ＬＥＦＴ ・・・ 左揃え ◎ ＣＥＮＴＥＲ ・・・ 中央揃え ◎ ＲＩＧＨＴ ・・・ 右揃え
※ 水平線の長さを、ピクセル数あるいはウィンドウに対する比率（％）で 指定した場合に、この行揃えを指定します 指定しない場合は、「 ＣＥＮＴＥＲ 」の指定と同じ表示になります
※ 水平線の長さを指定しない場合は、ウィンドウの幅いっぱい（１００％）に 表示されるので、行揃えを指定する必要はありません
|
|
水 平 線 の 影 |
＜ Ｈ Ｒ ＮＯＳＨＡＤＥ ＞ ・・・ 水平線（ 区切り線 ）の影を消すタグ
★ この属性は、属性値がありません ※ ＮＯＳＨＡＤＥ（属性）を指定しない場合は、影のついた立体的な表示です ※ 影を消した場合や色を付けた場合、水平線は、平面的な表示になります
|
★ 段落・区切り編 〜 実践ページ ★
※ インラインフレーム非対応ブラウザの方は、↑上のテキストをクリックして見てね♪