アフィリエイト工房
FC2ブログでアフィリエイトを始める人の為のガイドブログです。 管理者と一緒に勉強しませんか？
<<08 12345678910111213141516171819202122232425262728293010>>

カテゴリ別記事名検索リンク

カテゴリ別に記事名一覧を用意。読みたい記事を探して一発リンクが可能です。

表を作りたい！〜詳細指定〜
表を作る構文紹介詳細編です。
前回は基本編として
　<table>〜</table>　：　表を作る宣言タグ
　<tr>〜</tr>　：　行の指定タグ
　<td>〜</td>　：　列の指定タグ
　<table> 属性値 border　：　枠線表示及びその太さの指定
　<table> <tr> <td> 属性値 height　：　高さの指定
　<table> <td> 属性値 width　：　横幅の指定
以上を説明しました。詳しくはこちら⇒表を作りたい！

今回は詳細編と言う事で見出しタグ・詳細指定属性値などを
いくつか紹介しましょう！
<th>〜</th>　：　見出しタグです。
　これは <td>〜</td> と使い方は同じです。
　ただし、これで囲われた表示内容は必ず中央寄せ(センタリング)されます。
　そして、文字の場合必ず強調文字(太字)になります。
<table border="1" width="150"><tr><td>アフィリエイト</td></tr></table>
アフィリエイト
上の構文の <td></td> を <th></th> に変えて見ると
アフィリエイト


属性 align　：　表示内容の位置を指定します。
　左寄せ align="left"
　中央寄せ align="center"
　右寄せ align="right"
<table> に指定すると表全体の表示位置が変わります
　左寄せ<table border="1" width="150" align="left">〜</table>
アフィリエイト


　中央寄せ<table border="1" width="150" align="center">〜</table>
アフィリエイト

　右寄せ<table border="1" width="150" align="right">〜</table>
アフィリエイト


　といった具合。
<td> に指定すると
　左寄せ<table border="1" width="150">〜<td align="left">〜</table>
アフィリエイト
　中央寄せ<table border="1" width="100">〜<td align="center">〜</table>
アフィリエイト
　右寄せ<table border="1" width="100">〜<td align="right">〜</table>
アフィリエイト

<tr> では指定できません。
いずれも未指定では左寄せになってます。
続きを読む

アフィエイト工房デザインのリンク集
キーワードアドバイスツールプラス アクセスアップ・SEO対策・検索エンジン登録
キーワード出現頻度解析

テーマ:カスタマイズ - ジャンル:ブログ

2006/01/30 20:47 | カスタマイズ(ＨＴＭＬ編) | トラックバック(0) | コメント(2) | page top↑

アフィリエイト関連書籍
表を作りたい！
商品画像や商品説明などをすっきり整理して見せる為に
よく利用されるのが表形式です。

そこで、今回はその基本タグを紹介しましょう。

まず表を表示する宣言として
　<table>〜ここに表のセル配置を指定〜</table>
セルとは判り易く言えば四角く囲われた表示範囲の事です。
つまり表とはこの四角い範囲を縦横に並べた物なんです。
縦が"列"、横が"行"と言われます。

ではセルの配置をしてみましょう。２行×３列にしてみます。
　<table>
　　<tr>
　　　<td>１</td>
　　　<td>２</td>
　　　<td>３</td>
　　</tr>
　　<tr>
　　　<td>４</td>
　　　<td>５</td>
　　　<td>６</td>
　　</tr>
　</table>
上の構文で表示されるのが下のような表です(笑)。
ただ数字が並んでますね(苦笑)。でも２行×３列になってます。

１２３
４５６

行のタグ　<tr>〜ここに列のタグを入れる〜</tr>
列のタグ　<td>〜ここに表示内容を入れる〜</td>

では次に枠線を付けましょう(笑)。
続きを読む

アフィエイト工房デザインのリンク集
キーワードアドバイスツールプラス アクセスアップ・SEO対策・検索エンジン登録
キーワード出現頻度解析

テーマ:カスタマイズ - ジャンル:ブログ

2006/01/29 23:28 | カスタマイズ(ＨＴＭＬ編) | トラックバック(0) | コメント(10) | page top↑

アフィリエイト関連書籍
| ホーム | 前ページ≫


当ブログは以下の環境にて作成しております

OS:Win2000Pro 　ブラウザ:IE6.0

上記以外の環境にて閲覧の場合、何か不具合が発生する場合があります。
何かおかしい？と思われる事がありましたら、ＢＢＳにコメントいただければ幸いです。