タグの基本 - HTML -

タグの基本 - HTML -

タグを覚えてみよう
（第３章背景～Marquee ）

[ 背景 ]

＜BackGround="画像のURL"＞
… ページの壁紙を指定したい時に使用します。

＜Bgcolor="色を指定(赤なら #ff0000 もしくは Red)"＞
… ページの背景色を指定したい時に使用します。

【カラーコード】

Black="#000000"	Gray="#808080"	Silver="#c0c0c0"	White="#ffffff"
Navy="#000080"	Teal="#008080"	Blue="#0000ff"	Aqua="#00ffff"
Green="#008000"	Olive="#808000"	Lime="#00ff00"	Yellow="#ffff00"
Maroon="#800000"	Purple="#800080"	Red="#ff0000"	Fuchsia="#ff00ff"

＜Bgsound Src="サウンドファイルを指定(第３章の小窓では、bluenote.mid)"＞
… ページの背景で流す音を指定したい時に使用します。

＜BgProperties="設定値"＞ … 壁紙を固定したい時に使用します。
             固定したい時は、このプロパティに "1" または "fixed" を設定します。
             固定しない時は、このプロパティを省略、または値に "0" を設定します。
             壁紙 (BackGround) を使用しない時は、このプロパティは無視されます。

壁紙交換

Ｐａｒｔ１

[ 壁紙のサイトを作りたい人には便利な方法。 ]

そこのページの壁紙を変えて、見せる工夫として使えます。

詳しくはこのページのソースを見てね(^^ゞ

壁紙交換方法 Part1 ↑ Internet Explorerの場合、画像の上でマウスを左クリックすると、壁紙がページ全体に表示されます。

壁紙交換

Ｐａｒｔ２

[ 壁紙のサイトを作りたい人には便利な方法をもうひとつ。 ]

■第３章の小窓

■こんな方法もあります■ここをクリック■

■第３章の小窓のおまけ

■ここをクリック■

[ フレーム ]

フレーム

別窓

[ フレーム ]

■ フレームについては別窓にて説明

■ ここからお入り下さい ■

[ Marquee ]

＜Maquee＞＜/Maquee＞
… これが基本形です。(右から左)

＜Maquee＞＜/Maquee＞ … これが基本形です。

＜Maquee Direction="Right" ＞＜/Maquee＞
… 右方向へ指定

＜Maquee Direction="Right" ＞＜/Maquee＞ … 右方向へ指定

＜Marquee Direction="Up" height="表示幅" ＞＜/Maquee＞
… 上方向へ指定(縦表示幅も指定しています。)

＜Marquee Direction="Up" height="100" ＞＜/Maquee＞
… 上方向へ指定(縦表示幅も指定しています。)

＜Marquee Direction="Down" height="表示幅" ＞＜/Maquee＞
… 下方向へ指定(縦表示幅も指定しています。)

＜Marquee Direction="Down" height="100" ＞＜/Maquee＞
… 下方向へ指定(縦表示幅も指定しています。)

＜ Marquee Behavior="Slide" ＞＜/Maquee＞
… スライド表示（左でストップ）

＜Marquee Behavior="Slide" ＞＜/Maquee＞
… スライド表示（左でストップ）

＜ Marquee Loop="表示回数" ＞＜/Maquee＞
… 回数指定表示

＜Marquee Loop="3" ＞＜/Maquee＞
… 回数指定表示

＜ Marquee Behavior="Alternate" ＞＜/Maquee＞
… 左右往復運動

＜Marquee Behavior="Alternate" ＞＜/Maquee＞ … 左右往復運動

＜ Marquee Behavior="Alternate" Direction="Up" Height="表示幅" ＞＜/Maquee＞
… 上下往復運動(縦表示幅も指定しています。)

＜Marquee Behavior="Alternate" Direction="Up" Height="150" ＞
＜/Maquee＞
… 上下往復運動(縦表示幅も指定しています。)

＜ Marquee width="表示幅" ＞＜/Maquee＞
… 横表示幅指定

※下のバスは＜Marquee width="400"＞＜/Maquee＞で設定してあります。

＜ Marquee Height="表示高さ" ＞＜/Maquee＞
… 表示高さ指定

＜Marquee Height="50"＞＜/Maquee＞ … 表示高さ指定

＜ Marquee Scrollamount="表示速度"＞＜/Maquee＞
… 速度調節(遅い(小)～速い(大))

＜Marquee Scrollamount="1"＞＜/Maquee＞ … 速度１ ＜Marquee Scrollamount="5"＞＜/Maquee＞ … 速度５ ＜Marquee Scrollamount="10"＞＜/Maquee＞ … 速度１０ ＜Marquee Scrollamount="50"＞＜/Maquee＞ … 速度５０

＜ Marquee BgColor="カラー指定"＞＜/Maquee＞
… バックカラー指定

＜Marquee BgColor="#ff8800"＞＜/Maquee＞ … バックカラー指定

＜ Marquee ScrollAmount="100" ScrollDelay="500" Width="120"＞＜/Maquee＞
… 点滅（Blinkの代用!?）
(設定を調整し、点滅している様に見せています。)

点滅

～組み合わせるとこんな事もできます～

くねくね？それともぴょんぴょん！？

●

星の降る夜！？

★

★

★

画像を動かす事も出来ます(リンクを貼る事も可能)