スポンサーサイト

--/--/-- --:-- | カテゴリ:スポンサー広告

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

アフィリエイト商品配置② 表tableを使う

2006/03/25 23:52 | カテゴリ:未分類 | コメント (2) | トラックバック (0)

2回目の内容として、まずは表組みの使い方について。 表組みについては下のページを参照してください。基本的な使い方はわかるかと。

HTMLタグ一覧 表の作成

上のページで若干修正点として、

1.枠の形状に関して
frameで外枠の形式を指定するより、スタイルを使う方が一般的です。
理由はframeはIEのみの指定のようです。
使い方例
<table style="border:1px black solid;">
上の指定では、枠の線幅を1px、枠色をblack(黒)、枠形状をsolid(実線)となります。
色は、カラーコードや色の英語名で指定できます。
枠形状はdotted(丸点線)、dashed(点線)、double(二重線)、groove、ridge、inset、outsetがあります。枠の形式もIEのみのものやNNのみ対応のものがあります。
個別セルごとの場合は、tdタグ内に上記スタイルを付け加えます。

2.セルの結合に関して、
tdに属性を付け加えることで、セルの結合ができます。
colspan:横に結合
rowspan:縦に結合
となります。
結合方向のセルのtdタグは削除します。
使用例(3×2)
<table frame="box"><tr>
<td rowspan="2">①</td><td>②</td>
</tr><tr>
  <td>③</td>
</tr><tr>
<td>④</td><td>⑤</td>
</tr></table>

このタグをそのまま貼り付ければ、①部分が下のセルと結合してるのがわかると思います。貼り付ける際は、タグを全てつめるか、テキストフォーマットをHTMLたぐのみにして下さい。
スポンサーサイト

<< アフィリエイト商品配置③ 画像に文字回り込み | ホーム | アフィリエイト商品の配置① 基本と知識 >>


コメント

初めまして

テーブルタグは色々と便利だから重宝しますよね。
でもブログにはまだ使ってないです。
使ってみようかな

応援クリックして帰ります

ポチ

ラッキーさんいらっしゃい

tableタグは、商品並べる時には便利ですよね。
同幅で簡単に並べられるtableタグはいいですよね。
SEO的には多少問題ありとのことですが、うまく使い分ければいいかなァト思います。

コメントの投稿


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

 BLOG TOP 

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