ネットで得してネットで稼ごう!

インターネットの得するサイト情報やアフィリエイトで稼ぐための情報。ブログで使えるHTMLタグなど。

2017-11

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

枠(表)を作る

本文中に枠を組んでレイアウトすればデータをまとめたりと色々便利です。
AAAAAAAA1234567890
BBBBBBBB0987654321

この表をタグにすると
<TABLE border="1" width="500" height="60">
<TBODY>
<TR>
<TD width="250" height="30">AAAAAAAA</TD>
<TD width="250" height="30">1234567890</TD>
</TR>
<TR>
<TD width="250" height="24">BBBBBBBB</TD>
<TD width="250" height="24">0987654321</TD>
</TR>
</TBODY>
</TABLE>

となります。
一番上の1と言う数字は枠の線の太さになります。数字が大きいほど線が太くなります。ちなみに0にすると線が消えてしまいますが枠はきちんと機能します。
次の300は枠全体のワイド(幅)です。
次にAAAAAAAAの部分の幅と高さをそれぞれ150、30でしていしています。つぎに1234・・の部分を指定しています。
<TR>~</TR>が行を表してます。行の中に<TD>~</TD>で列を挿入していますのでもう一つ追加すれば三列になります。三列にした場合はブログに合うようにワイドの数値を入れなおせばOKです。
当然AAAA・・や098・・の部分はテキストやバナー広告を挿入できます。今回30で表している行の高さは指定しないならheight=”30”を消してしまえばバナー広告や記事の量に自動で合います。ワイドも同じことです。

色付の枠は
AAAAAAAA1234567890
BBBBBBBB0987654321


<TABLE width="300" height="60" border="1"bordercolor="red">
<TBODY>
<TR>
<TD width="150" height="30">AAAAAAAA</TD>
<TD width="150" height="30">1234567890</TD>
</TR>
<TR>
<TD width="150" height="30">BBBBBBBB</TD>
<TD width="150" height="30">0987654321</TD>
</TR>
</TBODY>
</TABLE>
となります。bordercolor="red"をつけたしただけです。redの部分を他のカラーに変えれば色が変わります。
スポンサーサイト

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

http://no1otokunet.blog36.fc2.com/tb.php/6-88d8daf8
この記事にトラックバックする(FC2ブログユーザー)

 | HOME | 

FC2Ad

TOPPAGE

参加ランキングサイト


FC2ブログランキング
ブログ素材部門8位
ブログ部門51位
ブログ王ランキング
アフィリエイト部門2位
PCとインターネット総合6位
人気ブログランキング
(順位は過去最高位です)

いらしゃいませ

ようこそいらっしゃいました!

またのお越しお待ちしております!

プロフィール

三吉

Author:三吉
日々こつこつとあーでもないこーでもないとアフィリエイトを楽しんでいます。ここで自分も勉強しながら記事にしていきたいと考えています。

このブログはリンクフリーです!

GoogleAdsenseを始めよう!

オススメASP

アクセストレード
L1000円から振込み可能
A8.net

LASPの代名詞的存在
バリューコマース株式会社
L管理画面が使い易い
リンクシェア・ジャパン株式会社
L大手企業広告メイン
電脳卸
Lドロップシッピング可能

リンク集

このブログをリンクに追加する

最近のトラックバック

最近の記事

最近のコメント

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。