Top
ご訪問ありがとうございマス!!
ブログちょこちょこ再開予定です。
みなさま、またよろしくお願いします☆

↑デザイン・アート部門
最高記録10位です☆
++最新の記事++
9/14【映画を観る】
NANA
9/14【雑記】
脳みそゲーム
9/13【愛犬と暮らす】
こんなに大きく
9/12【あなたとわたし】
ハッピーサマーウェディング♪
7/9【オンナの愉しみ】
エスニックブーム
7/2【あなたとわたし】
もめごと
6/21【あなたとわたし】
やきもち
6/20【映画を観る】
交渉人 真下正義
6/7【オンナの愉しみ】
10年ぶり
6/5【あなたとわたし】
すきなひと
6/4【あなたとわたし】
ふわふわ
6/1 【デザインとアート】 +others+
かたちあるもの
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30
Category
【あなたとわたし】
恋愛のコト、友達のコト。

【本を読む】
オススメ度と感想。

【音を楽しむ】
お気に入りのオンガク。

【映画を観る】
観るものは偏りがち。

【ブログ試行錯誤】
初心者なりの
スキンいぢり挑戦談。

【愛犬と暮らす】
わんこの話題。

【デザインとアート】
インテリアとか、
雑貨とか、好きな物。

【オンナの愉しみ】
美容、食べ物とか
ファッションのこととか。

【日々想うこと】
心の整理と日記

【雑記】
どうでもいいこと。
Comment
最新のコメント
cheap cheap
by FywAjata at 00:56
Greetings, ..
by Investblogger at 17:28
Ladies and G..
by Investblogger at 14:14
hypnotherapy..
by elizabeth at 06:22
[url=http://..
by orielmilm at 03:58
penis enlarg..
by hypnothera at 02:51
Recently fr..
by arabic fre at 01:02
[url=http://..
by orielmilm at 22:38
hypnotherapy..
by hypnothera at 14:31
Most downlo..
by boost free at 13:00
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
Trackback
最新のトラックバック
watch Enemy ..
from movies review
Manchurian C..
from historical rev..
divx Hostage..
from uk film reviews
online Kanga..
from reviews of cur..
download thi..
from movie trailer ..
download a M..
from Download New M..
Mousehunt ip..
from review movies ..
Mousehunt ip..
from review movies ..
Birds, The v..
from movie trailers
download new..
from movies reviews..
Link
【動作確認】
Internet Explorer6.0/Netscape7.1
Opera7.53/Firefox 1.0
IE以外ご利用の方で
文字が見にくい方は
表示→文字のサイズなどで
変更してご覧下さい。
お手数をおかけします。
【トラックバックをする際のお願い】
アフィリエイト目的だと判断した
トラバは削除させて頂いております。
トラックバックは大歓迎ですが、
記事の中で紹介・もしくは
コメントがない場合も内容を確かめた上で
削除する場合があります。ご了承下さい。
皆さんネットマナーを守って
楽しくインターネットをしましょうよ(懇願)
++ table要素 ++
スキン編集の基礎知識シリーズ第3弾。
今回はEXCITEブログでかなり重要なtable要素についてです。

table要素は複雑ですが、その分奥が深くて面白いです。
asamiのつたない表現でうまく伝わるか不安ですが・・・



++続き++


table要素は、表をつくるタグです。
表は行とセルで構成されています。

1)一番簡単なtable

<table border="1">
 <tr>
  <td>プードル</td><td>チワワ</td>
 </tr>
 <tr>
  <td>ペルシャ</td><td>ソマリ</td>
 </tr>
</table>

この様に入力すると、下の表が出来ます。b0018207_031674.jpg


横に行があり、それがセルで区切られていて、
行は<tr>要素(table rowの略)で表し、
セルは<td>要素(table dataの略)で表します。

上の例で言うと、
一番上の行がプードルチワワのセルで区切られ、
その下の行がペルシャソマリのセルで区切られています。

2)見出しをつける

各行の見出しをつけることが出来ます。
あんまりブログでは使わないとは思いますが。
<th>要素(table headerの略)で表します。

<table border="1">
 <tr>
  <th>犬</th>
  <td>プードル</td><td>チワワ</td>
 </tr>
 <tr>
  <th>猫</th>
  <td>ペルシャ</td><td>ソマリ</td>
 </tr>
</table>

b0018207_0321529.jpg


こんな風になります。

3)枠線を変えてみる

<table border="1">の部分を、変更してみましょう。
また、その他に基本的に出来ることをやってみるので、
見比べて、ご自分でトライしてください。

<table border="4px" ←枠線の太さを4ピクセルにする。
bordercolor="pink" ←枠線の色をピンクにする。
width="200px" ←テーブル全体の幅指定。
height="150px"> ←テーブル全体の高さ指定。
(この2つは出来るだけ指定した方がいいです。)
*注:このように一つの<>内に複数の属性を並べて指定する場合は、
各属性の間にスペースを1つ空けるのを忘れずに!*

<caption>犬と猫</caption> ←表題をつけられます。

 <tr align="center"> ←この行の文字を中央に表示する。

  <th bgcolor="yellow">犬</th> ←見出しの背景の色を黄色にする。

  <td>プードル</td><td>チワワ</td>

 </tr>

・・・以下は上に同じです。
 <tr align="center">
  <th bgcolor="yellow">猫</th>
  <td>ペルシャ</td><td>ソマリ</td>
 </tr>
</table>
b0018207_0324773.jpg


・・・今回は以上です。
本来、EXCITEブログのようにレイアウトにtable要素を使うのは好ましくないとされています。
ただ、table要素でイロイロいじってるうちに、他のやり方でレイアウト出来るようになってくると思います。
それまで、一緒に試行錯誤して頑張りましょう(*^_^*)

次回は・・・何にしようかな。
[PR]
by trickycat | 2004-10-20 23:59 | ブログ試行錯誤 ▲page top▲