DHEAボディークリーム

初心者必見!ネットで稼ぐお小遣い稼ぎ完全マニュアル

【ネットで稼ぐお小遣い稼ぎ完全マニュアル】では、インターネットを使ってお小遣い・副収入を稼ぐ方法を紹介します。 もちろん無料で始められるので初心者でも安心! みんなでお小遣い・副収入をGETしましょう!
約130万サイトが利用しているA8.net このブログからも多くの方が登録されています!
A8.netの紹介記事はコチラ→アフィリエイトはA8.net

Powered By 画RSS

スポンサーサイト

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

表を作る!応用編⑥ セルを結合する

こんにちは。本日2つめの記事ですよ。

前回は、テーブルの大きさを変える方法を説明しました。

今回は、セルを結合する方法について説明します。

はい。そこ!席に戻りなさ~い!!
コラー寝るなー!!
早弁するなってー!!
マテー((((((/ `´)/ ε=ε=ε=( ^o^)/

ハァハァ・・・は、始めますか。。


---------------------------
①セルを横に結合する

セルを横に結合するタグは、colspan="結合するセルの数"です。

<td colspan="結合するセルの数">

となりますよ。
結合するセルの数ですから、それ以上のセルがあることが条件ですよ。

セルを横に結合??
イメージがつかめませんか?

では、実際にセルを横に結合したイメージを例に示しますね。

3つのセルを横に結合
2.12.22.3

---------------------------
②セルを縦に結合する

セルを縦に結合するタグは、rowspan="結合するセルの数"です。

<td rowspan="結合するセルの数">

となりますよ。
横と同じように、結合するセルの数ですから、それ以上のセルがあることが条件ですよ。

では、実際にセルを縦に結合したイメージを例に示しますね。

3つのセルを縦に結合1.2
2.2
3.2

ここまでは大丈夫ですか?
<td>タグの中に、セルを結合させるタグを入れるだけなので、簡単ですよね。
ここで注意点がひとつ。

---------------------------
※注意点※

上記①、②のようにセルを結合したら、結合されたセルを消さなければなりません
↑このことが、「表を作る!・・・注意点・・・」で挙げた注意点の
「<TD> </TD> の数(列数)は、基本的に他の行でも合わせてください。」
「・・・「基本的に」というのには理由があります。」
「このことについては応用編で説明しますね。。」

この理由となります。

つまり、「キミとキミ、それとキミ。くっついて。」と命令しているのに、セルを消していないと「毎度毎度コイツは・・・」と、やっぱりシカトされてしまします。
シカトされるだけでなく、イヤミのようにテーブルを崩されてしまいます。

3つのセルを縦に結合1.2
2.12.2
3.13.2

このように。
この場合は、<2.1>と<3.1>のセルが結合されているはずなので、この2つのセルは消しましょうね。

---------------------------

では、これを応用して、縦と横のセルを同時に結合してみましょう。

---------------------------
②セルを縦・横に結合する

考え方は簡単です。
<td>タグの中に、①と②を入れてあげれば良いだけです。

<td colspan="結合するセルの数" rowspan="結合するセルの数">

これだけです。
では実際に例を示しましょう。

縦に2つと横に2つのセルを結合させました。

縦・横に2つの
セルを結合
1.3
2.3
3.13.23.3

今回は以上です。
おつかれさまでした。

では次回は
コラー!今さら登校するとはっ!!重役出勤かっ!!!
関連記事
★おさる★で~す^^
今日は10月お世話になった方々へ
お礼回りをさせていただいています♪

アホアホ★おさる★にいつもお付き合い
していただいて感謝です♪
来月も仲良くしてくださると嬉しいです♪

コピペ回りで申し訳ございません。
では色々して失礼します♪
psこの講座、何気に楽しみにしています。w
 再確認できてますよ^^
[ 2006/10/31 18:15 ] [ 編集 ]
( ´Д`)ノういーっす!

テーブル講座復活~ワーイ ( ^_^)o-o<※ ☆ パンッ
しかも今日使ったテーブルでこんな感じになったしw
でも、おかげさまで自力でなんとかなりましたぁ( ̄^ ̄)えっへん

テンションはノリノリノリノリでいんじゃね?ギャハハハ(≧▽≦)
( σ´Д`)σキモッ
[ 2006/10/31 18:18 ] [ 編集 ]
こんばんは
いっつも表作成の講座関心して読ませてもらってます!
一つの記事に時間をかけて丁寧に作成されているのが伝わってきます!!
勉強になります!!
11月もよろしくお願いしますね☆

応援ぽち
[ 2006/10/31 18:44 ] [ 編集 ]
こんばんは
元気っ子のつかチ~です^^
すごく分かりやすいですね^^
いろいろ参考にさせていただきます!
今月もよろしくです!!
[ 2006/11/01 00:15 ] [ 編集 ]
カルボナーラじゃありませんよ~
reoさんカルボナーラじゃありませんよ~
真面目なコメントの題に書いてあったのでボケか本気か分りませんでした(><)
reoナルドディカプリオ…ナイス!!やっぱり題もボケだったのですね?

え~とえ~と、「結合されたセルを消さなければならない」
と言うのは「<TD> </TD>を消すと言う事でしょうか?
私のようなど素人は
実際やりながらじゃないとダメですね!
今日もご講義ありがとうございます、先生!
P!
[ 2006/11/01 00:54 ] [ 編集 ]
こんばんわ
月初めのご挨拶で~す
先月はお世話様です~
今月もよろしくです^^
いつもいつ非常に参考になります^^;
あらためて勉強しないと!って思いますね・・^^;
ではでは☆
[ 2006/11/01 01:29 ] [ 編集 ]
こんばんは♪
早いもので、11月ですね。
先月は、仕事一色でした。。おまけに残業も。。

説明、いつもながら詳しいですね。
表のこと良く分かりだしてきました。

では、今月も宜しくお願いしますね。P
[ 2006/11/01 01:41 ] [ 編集 ]
こんにちは^^
先日は訪問ありがとうございました^^
突然やってきて、コメントを書いてしまって^^;
ちゃんと目を通してくれて、嬉しかったです^^
こちらこそ、これからもよろしくお願いします^^

テーブルあるといいですよね~^^
パソコン無知で^^;⑥ということは①がある・・
みてゆきます~^^ 応援ポッチン^^
[ 2006/11/01 12:24 ] [ 編集 ]
ま、まずい見つかった・・・
ち、遅刻して、すんません。家の時計が全部止まってましたっ(爆)

↑これこれ、教えてもらいたかったの~!!
分かって嬉しいな♪
とっても参考になりましたよ~。ありがとうreoさん。

先月はいっぱい応援&コメントありがとうございました。
今月も宜しくです。
ではp




[ 2006/11/01 13:46 ] [ 編集 ]
始めましてぇ~

訪問&コメントd(´∀`o)☆゚+。サンキゥ゚+。☆(o´∀`)b
嬉しいでしゅ^^

テーブル・・・すごい丁寧ですねぇ~
私もこーやって丁寧に紹介したいんだけど
ここまで丁寧には出来ません・・・(/x_x)/

私の方こそ お手上げだよぉ~
PC自体も、まだ2年くらいで、毎回プレビュー機能使って
何度も作り直してるんですよ・・・o(__)ノボテッ

仲良くしてくださいねぇ~
おーえん!!
[ 2006/11/01 14:06 ] [ 編集 ]
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL



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