バナーの貼り方

紹介文付きバナーを見えない表形式で恰好良く配置する

2列X2行の表形式で作ってみましょう。

※画像URLは、ご自分の画像倉庫のものをお使いください。

<table border= "0" >                テーブルタグで表の始まり。border="0"で枠線が見えなくなる。 <tr>                                    1行目の始まり。 <td align= "center" >                列目の始まり。align="center"で中寄せ。(左寄せはleft、右寄せはright)

<font size= "2" >                    文字の大きさを指定(数字が大きくなると、文字が大きくなる)

<b> nackyのんしゃらんさん <br>  <b>で太文字指定。<br>で改行

長編小説≪聖寵≫ <br>

不定期連載中 </b>                  </b>で太文字指定終了

</font></td>               </font>で文字指定の終わり。</td>で1列目の終わり。

<td align= "center" >                2 列目の始まり。align="center"で中寄せ。(左寄せはleft、右寄せはright)

<font size= "2" >                    文字の大きさを指定(数字が大きくなると、文字が大きくなる)

<b> 巨頭星人さん <br>              <b>で太文字指定。<br>で改行

ミステリアスな <br>

短編小説掲載中 </b> </b>で太文字指定終了

</font></td>              </font>で文字指定の終わり。</td>で2列目の終わり。

</tr>                                    行目の終わり。 <tr>                                      行目の始まり。 <td align= "center" >                 1 列目の始まり。align="center"で中寄せ。(左寄せはleft、右寄せはright)

<a href= "http://plaza.rakuten.co.jp/?user_id=1882648" >     リンク先のURLを” ”内に記述して指定

<img src= "http://plaza.rakuten.co.jp/img/user/xx/xx/xxxxxx/xxx.gif"

width= "148" height= "57" border= "0" alt= "nackyバナー" 表示する画像を指定。border="0"で枠線が見えなくなる

</a></td>                             </a>でリンク先指定の終わり。</td>で1列目のおわり。 <td align= "center" >                 2 列目の始まり。align="center"で中寄せ。(左寄せはleft、右寄せはright)

<a href= "http://plaza.rakuten.co.jp/?user_id=1053801" >     リンク先のURLを” ”内に記述して指定

<img src= "http://plaza.rakuten.co.jp/img/xxxx/xx/xx/xxxxxx/xxx.gif"

width= "148" height= "57" border= "0" alt= "巨頭さまバナー" 表示する画像を指定。border="0"で枠線が見えなくなる

</a></td>                             </a>でリンク先指定の終わり。</td>で1列目のおわり。 </tr>                                    2行目の終わり。 </table>                                表の終わり。

<table  border= "1" >→枠線有り

nackyのんしゃらんさん
長編小説≪聖寵≫
不定期連載中
巨頭星人さん
ミステリアスな
短編小説掲載中
nackyバナー 巨頭さまバナー

<table  border="0">→枠線無し

nackyのんしゃらんさん
長編小説≪聖寵≫
不定期連載中
巨頭星人さん
ミステリアスな
短編小説掲載中
nackyバナー 巨頭さまバナー


© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: