こんにちは。本日2つめの記事ですよ。
前回は、テーブルの大きさを変える方法を説明しました。
今回は、セルを結合する方法について説明します。
はい。そこ！席に戻りなさ〜い！！
コラー寝るなー！！
早弁するなってー！！
ﾏﾃｰ((((((/ ｀´)/ ε＝ε＝ε＝( ^o^)/
ﾊｧﾊｧ･･･は、始めますか。。
前回は、テーブルの大きさを変える方法を説明しました。
今回は、セルを結合する方法について説明します。
はい。そこ！席に戻りなさ〜い！！
コラー寝るなー！！
早弁するなってー！！
ﾏﾃｰ((((((/ ｀´)/ ε＝ε＝ε＝( ^o^)/
ﾊｧﾊｧ･･･は、始めますか。。
---------------------------
�．札襪魏�に結合する
セルを横に結合するタグは、colspan="結合するセルの数"です。
<td colspan="結合するセルの数">
となりますよ。
結合するセルの数ですから、それ以上のセルがあることが条件ですよ。
セルを横に結合？？
イメージがつかめませんか？
では、実際にセルを横に結合したイメージを例に示しますね。
---------------------------
�▲札襪鮟弔坊觜腓垢�
セルを縦に結合するタグは、rowspan="結合するセルの数"です。
<td rowspan="結合するセルの数">
となりますよ。
横と同じように、結合するセルの数ですから、それ以上のセルがあることが条件ですよ。
では、実際にセルを縦に結合したイメージを例に示しますね。
ここまでは大丈夫ですか？
<td>タグの中に、セルを結合させるタグを入れるだけなので、簡単ですよね。
ここで注意点がひとつ。
---------------------------
※注意点※
上記� ↓△里茲Δ�セルを結合したら、結合されたセルを消さなければなりません。
↑このことが、「表を作る！･･･注意点･･･」で挙げた注意点の
「<TD> </TD> の数（列数）は、基本的に他の行でも合わせてください。」
「･･･「基本的に」というのには理由があります。」
「このことについては応用編で説明しますね。。」
↓
この理由となります。
つまり、「キミとキミ、それとキミ。くっついて。」と命令しているのに、セルを消していないと「毎度毎度コイツは･･･」と、やっぱりシカトされてしまします。
シカトされるだけでなく、イヤミのようにテーブルを崩されてしまいます。
このように。
この場合は、<2.1>と<3.1>のセルが結合されているはずなので、この2つのセルは消しましょうね。
---------------------------
では、これを応用して、縦と横のセルを同時に結合してみましょう。
---------------------------
�▲札襪鮟帖Σ�に結合する
考え方は簡単です。
<td>タグの中に、�，鉢△鯑�れてあげれば良いだけです。
<td colspan="結合するセルの数" rowspan="結合するセルの数">
これだけです。
では実際に例を示しましょう。
縦に2つと横に2つのセルを結合させました。
今回は以上です。
おつかれさまでした。
では次回は
コラー！今さら登校するとはっ！！重役出勤かっ！！！
�．札襪魏�に結合する
セルを横に結合するタグは、colspan="結合するセルの数"です。
<td colspan="結合するセルの数">
となりますよ。
結合するセルの数ですから、それ以上のセルがあることが条件ですよ。
セルを横に結合？？
イメージがつかめませんか？
では、実際にセルを横に結合したイメージを例に示しますね。
| 3つのセルを横に結合 | ||
| 2.1 | 2.2 | 2.3 |
---------------------------
�▲札襪鮟弔坊觜腓垢�
セルを縦に結合するタグは、rowspan="結合するセルの数"です。
<td rowspan="結合するセルの数">
となりますよ。
横と同じように、結合するセルの数ですから、それ以上のセルがあることが条件ですよ。
では、実際にセルを縦に結合したイメージを例に示しますね。
| 3つのセルを縦に結合 | 1.2 |
| 2.2 | |
| 3.2 |
ここまでは大丈夫ですか？
<td>タグの中に、セルを結合させるタグを入れるだけなので、簡単ですよね。
ここで注意点がひとつ。
---------------------------
※注意点※
上記� ↓△里茲Δ�セルを結合したら、結合されたセルを消さなければなりません。
↑このことが、「表を作る！･･･注意点･･･」で挙げた注意点の
「<TD> </TD> の数（列数）は、基本的に他の行でも合わせてください。」
「･･･「基本的に」というのには理由があります。」
「このことについては応用編で説明しますね。。」
↓
この理由となります。
つまり、「キミとキミ、それとキミ。くっついて。」と命令しているのに、セルを消していないと「毎度毎度コイツは･･･」と、やっぱりシカトされてしまします。
シカトされるだけでなく、イヤミのようにテーブルを崩されてしまいます。
| 3つのセルを縦に結合 | 1.2 |
| 2.1 | 2.2 |
| 3.1 | 3.2 |
このように。
この場合は、<2.1>と<3.1>のセルが結合されているはずなので、この2つのセルは消しましょうね。
---------------------------
では、これを応用して、縦と横のセルを同時に結合してみましょう。
---------------------------
�▲札襪鮟帖Σ�に結合する
考え方は簡単です。
<td>タグの中に、�，鉢△鯑�れてあげれば良いだけです。
<td colspan="結合するセルの数" rowspan="結合するセルの数">
これだけです。
では実際に例を示しましょう。
縦に2つと横に2つのセルを結合させました。
| 縦・横に2つの セルを結合 | 1.3 | |
| 2.3 | ||
| 3.1 | 3.2 | 3.3 |
今回は以上です。
おつかれさまでした。
では次回は
コラー！今さら登校するとはっ！！重役出勤かっ！！！
この記事へのコメント
★おさる★で〜す＾＾
今日は10月お世話になった方々へ
お礼回りをさせていただいています♪
アホアホ★おさる★にいつもお付き合い
していただいて感謝です♪
来月も仲良くしてくださると嬉しいです♪
コピペ回りで申し訳ございません。
では色々して失礼します♪
psこの講座、何気に楽しみにしています。ｗ
再確認できてますよ＾＾
今日は10月お世話になった方々へ
お礼回りをさせていただいています♪
アホアホ★おさる★にいつもお付き合い
していただいて感謝です♪
来月も仲良くしてくださると嬉しいです♪
コピペ回りで申し訳ございません。
では色々して失礼します♪
psこの講座、何気に楽しみにしています。ｗ
再確認できてますよ＾＾
( ´Д｀)ノういーっす！
テーブル講座復活〜ワーイ ( ^_^)ｏ-ｏ<※ ☆ パンッ
しかも今日使ったテーブルでこんな感じになったしｗ
でも、おかげさまで自力でなんとかなりましたぁ（￣＾￣）えっへん
テンションはノリノリノリノリでいんじゃね？ｷﾞｬﾊﾊﾊ(≧▽≦)
( σ´Д｀)σｷﾓｯ
テーブル講座復活〜ワーイ ( ^_^)ｏ-ｏ<※ ☆ パンッ
しかも今日使ったテーブルでこんな感じになったしｗ
でも、おかげさまで自力でなんとかなりましたぁ（￣＾￣）えっへん
テンションはノリノリノリノリでいんじゃね？ｷﾞｬﾊﾊﾊ(≧▽≦)
( σ´Д｀)σｷﾓｯ
いっつも表作成の講座関心して読ませてもらってます！
一つの記事に時間をかけて丁寧に作成されているのが伝わってきます！！
勉強になります！！
11月もよろしくお願いしますね☆
応援ぽち
一つの記事に時間をかけて丁寧に作成されているのが伝わってきます！！
勉強になります！！
11月もよろしくお願いしますね☆
応援ぽち
元気っ子のつかチ〜です＾＾
すごく分かりやすいですね＾＾
いろいろ参考にさせていただきます！
今月もよろしくです！！
すごく分かりやすいですね＾＾
いろいろ参考にさせていただきます！
今月もよろしくです！！
reoさんカルボナーラじゃありませんよ〜
真面目なコメントの題に書いてあったのでボケか本気か分りませんでした（＞＜）
reoナルドディカプリオ…ナイス！！やっぱり題もボケだったのですね？
え〜とえ〜と、「結合されたセルを消さなければならない」
と言うのは「<TD> </TD>を消すと言う事でしょうか？
私のようなど素人は
実際やりながらじゃないとダメですね！
今日もご講義ありがとうございます、先生！
Ｐ！
真面目なコメントの題に書いてあったのでボケか本気か分りませんでした（＞＜）
reoナルドディカプリオ…ナイス！！やっぱり題もボケだったのですね？
え〜とえ〜と、「結合されたセルを消さなければならない」
と言うのは「<TD> </TD>を消すと言う事でしょうか？
私のようなど素人は
実際やりながらじゃないとダメですね！
今日もご講義ありがとうございます、先生！
Ｐ！
月初めのご挨拶で〜す
先月はお世話様です〜
今月もよろしくです^^
いつもいつ非常に参考になります^^;
あらためて勉強しないと！って思いますね・・^^;
ではでは☆
先月はお世話様です〜
今月もよろしくです^^
いつもいつ非常に参考になります^^;
あらためて勉強しないと！って思いますね・・^^;
ではでは☆
こんばんは♪
早いもので、11月ですね。
先月は、仕事一色でした。。おまけに残業も。。
説明、いつもながら詳しいですね。
表のこと良く分かりだしてきました。
では、今月も宜しくお願いしますね。P
早いもので、11月ですね。
先月は、仕事一色でした。。おまけに残業も。。
説明、いつもながら詳しいですね。
表のこと良く分かりだしてきました。
では、今月も宜しくお願いしますね。P
先日は訪問ありがとうございました＾＾
突然やってきて、コメントを書いてしまって＾＾；
ちゃんと目を通してくれて、嬉しかったです＾＾
こちらこそ、これからもよろしくお願いします＾＾
テーブルあるといいですよね〜＾＾
パソコン無知で＾＾；�Δ箸いΔ海箸廊，�ある・・
みてゆきます〜＾＾ 応援ポッチン＾＾
突然やってきて、コメントを書いてしまって＾＾；
ちゃんと目を通してくれて、嬉しかったです＾＾
こちらこそ、これからもよろしくお願いします＾＾
テーブルあるといいですよね〜＾＾
パソコン無知で＾＾；�Δ箸いΔ海箸廊，�ある・・
みてゆきます〜＾＾ 応援ポッチン＾＾
ち、遅刻して、すんません。家の時計が全部止まってましたっ(爆)
↑これこれ、教えてもらいたかったの〜！！
分かって嬉しいな♪
とっても参考になりましたよ〜。ありがとうｒｅｏさん。
先月はいっぱい応援＆コメントありがとうございました。
今月も宜しくです。
ではｐ
↑これこれ、教えてもらいたかったの〜！！
分かって嬉しいな♪
とっても参考になりましたよ〜。ありがとうｒｅｏさん。
先月はいっぱい応援＆コメントありがとうございました。
今月も宜しくです。
ではｐ
始めましてぇ〜
訪問＆コメントd(´∀｀o)☆ﾟ+｡ｻﾝｷｩﾟ+｡☆(o´∀｀)b
嬉しいでしゅ＾＾
テーブル・・・すごい丁寧ですねぇ〜
私もこーやって丁寧に紹介したいんだけど
ここまで丁寧には出来ません・・・（／x＿x）／
私の方こそ お手上げだよぉ〜
PC自体も、まだ２年くらいで、毎回プレビュー機能使って
何度も作り直してるんですよ・・・o(＿＿)ﾉボテッ
仲良くしてくださいねぇ〜
おーえん！！
訪問＆コメントd(´∀｀o)☆ﾟ+｡ｻﾝｷｩﾟ+｡☆(o´∀｀)b
嬉しいでしゅ＾＾
テーブル・・・すごい丁寧ですねぇ〜
私もこーやって丁寧に紹介したいんだけど
ここまで丁寧には出来ません・・・（／x＿x）／
私の方こそ お手上げだよぉ〜
PC自体も、まだ２年くらいで、毎回プレビュー機能使って
何度も作り直してるんですよ・・・o(＿＿)ﾉボテッ
仲良くしてくださいねぇ〜
おーえん！！
この記事のトラックバックURL
http://kozukaigetblog.blog52.fc2.com/tb.php/45-70a64d07
この記事にトラックバックする(FC2ブログユーザー)
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
