December 27, 2005
テーマ： ホームページ作成の悩み(550)
カテゴリ： ホームページ作成教室
おはようございます
今日のテーマは「その８」でも述べてたように「 表の線、色づけ 」です
表とは <table> タグを用いた表記方法で、簡単な説明は「 その８ 」を参考に！
本日のテーマである「表の線、色づけ」とは、なかなか難しい作業です。
まず、例として「 表の罫線 」を設定してみましょう！
<table border="○○"> です
"○○"には例により、罫線の太さを示すピクセル数が入ります
では、実際に何種類かの例をやってみます
この４つの例が示す通り、太さを変える事ができます
さぁさぁ次のタグは <cellapacing="○○"> です
もちろん、この○○にも数字が入ります
このタグは「セルとセルの間隔を変更する」ものです。
私はあまりこのタグは使いませんが、何かに応用できるかも知れませんよ？
さぁでわでわ、そろそろ「 色づけ 」していきましょう！
<bgcolor="○○"> です
では実際に色をつけてみましょう！
また色番号につきましては、今度紹介したいと思います
さきほどのABCDの表の淵を青（#0000ff）、ABの列を赤（#ff0000）、Cを黄（#ffff00）、Dを緑（#008000）で色づけします
上の例を見れば分かりますが、色づけには３種類あります
<table bgcolor="○○">
２）一つの列全体を色づけする
<tr bgcolor="○○">
３）一つのセルを色づけする
<td bgcolor="○○">
１）の全体というのは罫線も含んでいます。つまり、例のように、全体を青でいろづけて、他のセルを別々に色づけすると、罫線だけを１）で指定した色にすることができます。
とまぁ今回は初歩の初歩でしたが、以上です！
今日のテーマは「その８」でも述べてたように「 表の線、色づけ 」です
表とは <table> タグを用いた表記方法で、簡単な説明は「 その８ 」を参考に！
本日のテーマである「表の線、色づけ」とは、なかなか難しい作業です。
まず、例として「 表の罫線 」を設定してみましょう！
<table border="○○"> です
"○○"には例により、罫線の太さを示すピクセル数が入ります
では、実際に何種類かの例をやってみます
HTML
<table border="1"
>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>
表示
| A | B |
|---|---|
| C | D |
HTML
<table border="2"
>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>
表示
| A | B |
|---|---|
| C | D |
HTML
<table border="3"
>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>
表示
| A | B |
|---|---|
| C | D |
HTML
<table border="4"
>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>
表示
| A | B |
|---|---|
| C | D |
この４つの例が示す通り、太さを変える事ができます
さぁさぁ次のタグは <cellapacing="○○"> です
もちろん、この○○にも数字が入ります
このタグは「セルとセルの間隔を変更する」ものです。
HTML
<table border="2" cellspacing="8"
>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>
表示
| A | B |
|---|---|
| C | D |
私はあまりこのタグは使いませんが、何かに応用できるかも知れませんよ？
さぁでわでわ、そろそろ「 色づけ 」していきましょう！
<bgcolor="○○"> です
では実際に色をつけてみましょう！
また色番号につきましては、今度紹介したいと思います
さきほどのABCDの表の淵を青（#0000ff）、ABの列を赤（#ff0000）、Cを黄（#ffff00）、Dを緑（#008000）で色づけします
HTML
<table border="1" bgcolor="#0000ff"
>
<tr bgcolor="#ff0000" ><td>A</td><td>B</td></tr>
<tr><td bgcolor="#ffff00" >C</td><td bgcolor="#008000" >D</td></tr>
</table>
<tr bgcolor="#ff0000" ><td>A</td><td>B</td></tr>
<tr><td bgcolor="#ffff00" >C</td><td bgcolor="#008000" >D</td></tr>
</table>
表示
| A | B |
|---|---|
| C | D |
上の例を見れば分かりますが、色づけには３種類あります
<table bgcolor="○○">
２）一つの列全体を色づけする
<tr bgcolor="○○">
３）一つのセルを色づけする
<td bgcolor="○○">
１）の全体というのは罫線も含んでいます。つまり、例のように、全体を青でいろづけて、他のセルを別々に色づけすると、罫線だけを１）で指定した色にすることができます。
とまぁ今回は初歩の初歩でしたが、以上です！
お気に入りの記事を「いいね！」で応援しよう
[ホームページ作成教室] カテゴリの最新記事
-
HTML教えます その36 February 12, 2006 コメント(6)
-
HTML教えます その35 February 10, 2006
-
HTML教えます その34 February 7, 2006 コメント(1)
Re:HTML教えます その９(12/27)
こんにちは！書き込みありがとうございました☆
またお邪魔しました。
初歩の初歩でも、私には、ものすごいわかりやすくて勉強になります。
でも、なかなか実際のページ作りにいかすには
もうちょっと先？
もしできたら、また報告します～。 (December 27, 2005 07:43:06 PM)
またお邪魔しました。
初歩の初歩でも、私には、ものすごいわかりやすくて勉強になります。
でも、なかなか実際のページ作りにいかすには
もうちょっと先？
もしできたら、また報告します～。 (December 27, 2005 07:43:06 PM)
【毎日開催】
15記事にいいね！で1ポイント
PR
Freepage List
HANMANI
あくまでも趣味の範囲で、お家で美味しい珈琲を飲もうと頑張る人を応援するブログサイトです。
Category
© Rakuten Group, Inc.
