再挑戦への記録☆目指せ☆ちょこちょこアフィリエイター☆

枠内の文字を動かす

《ＨＴＭＬタグの基本知識ＩＮＤＥＸ》

いろいろタグ	テキスト装飾	フォント	テキスト（おまけ）	バナーリンクの貼り方	アクセスアップ	水平区切り線
文字を囲む線	画像の枠	テーブルタグ	豆知識	色の名前	画像リンクの方法	楽天友達の輪

ようこそ！私のホームページへ　どうぞ☆ごゆっくりなさってくださいね。かくかくしかじか・・・・・・・・。

もっと簡単なテーブルで、段階を追って説明するね。

１：まず普通のテーブル

ここに文字を入れる

*左のテーブルのタグソース

<table border="1">
<tr><td>
ここに文字を入れる
</td></tr>
</table>

２：テーブルの中の文字を動かす

☆この文字を動かしてみよう☆

*文字をmarqueeタグではさむよ!!
*幅の指定もしないとだめだよ!!

<table border="1" width="200">
<tr><td>
<marquee scrollamount="1">
☆この文字を動かしてみよう☆
</marquee>
</td></tr>
</table>

※ scrollamount="数字"を入れてることで、遅くて見やすくなってるよ。
　width="ここの数字を変更してね"　幅が広いほうが文字を表示している
　時間が長くなって読みやすいよ。

３：このままでは左寄りなので、真ん中に表示させる

　　このピンクの枠の中ではわかりにくいので、
　　この説明のテーブルもセンタリングしてみました。

☆テーブルをセンタリングしてみよう☆

*centerタグで全体をはさむだけだよ!!

<center>
<table border="1" width="400">
<tr><td>
<marquee scrollamount="3">
☆この文字を動かしてみよう☆
</marquee>
</td></tr>
</table>
</center>

４：下から上にスクロールさせてみよう

☆テーブルをセンタリングしてみよう☆

*centerタグで全体をはさむだけだよ!!

<center>
<table border="1" width="200">
<tr><td>
<marquee direction="up" scrollamount="2" width="150" height="40">
☆この文字を動かしてみよう☆
</marquee>
</td></tr>
</table>
</center>

※derectionのupをdownにすると上から下へ動きます。
　scrollamountは動く速度、widthは幅、heightは高さです。変更可能！

v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v
ここに文字だよ～ここに文字だよ～ここに文字だよ～ここに文字だよ～ここに文字だよ～ここに文字だよ～ここに文字だよ～ここに文字だよ～ここに文字だよ～ここに文字だよ～
v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v 　v