レイアウト タグ

HPの雰囲気を担うレイアウト、よく考えて自分だけのデザインを(´・ω・`)ノ

中央・右・左に揃える。

<div align="◆">中央揃え</div>
◆= centerで中央寄せ
rightで右寄せ
leftで左寄せ

-使用例-



ソース (テスト書き込み可)

あなたのホームページ - Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
ホームページ作成中。頑張ります!

背景色を指定する。

<body bgcolor="◆">
◆= カラーコード (カラーコード生成

-使用例-




ソース (テスト書き込み可)

あなたのホームページ - Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
ホームページ作成中。頑張ります!













背景に壁紙を指定する。

<body background="◆">
◆= 画像URL
補足 画像指定には相対パスまたは絶対パス(相対パス絶対パスについて

-使用例-




ソース (テスト書き込み可)

あなたのホームページ - Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
ホームページ作成中。頑張ります!














水平線の挿入

▼普通の水平線
<hr>

▼水平線のサイズと長さ、位置を指定
<hr width="◆%" size="◇" align="●">
◆= 1〜100%、もしくはピクセルで水平線の長さを指定
◇= 水平線の太さを数字で指定
●= centerで中央寄せ
rightで右寄せ
leftで左寄せ

▼画像水平線を挿入
<hr style="background-image : url(★);" size="◇">
★= 画像URL
◇= 水平線の太さを数字で指定


-使用例-




ソース (テスト書き込み可)

あなたのホームページ - Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
▼普通の水平線


▼水平線のサイズと長さを指定


▼画像水平線を挿入











見開きページを囲む。

<BODY style="border:◆ solid ◇" >
◆= 囲いの太さ
◇= カラーコード (カラーコード生成

-使用例-




ソース (テスト書き込み可)

あなたのホームページ - Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
ホームページ作成中。頑張ります!










Copyright (C) 2006 タグの絵本 All rights reserved.
index「タグの絵本」