今回もちょっとだけ、画像で遊んでみたいﾆｬ。
でも、その前に、テーブルの作成を知ってるかﾆｬ ？
知らない人のために、ちょこっとだけぴーが教えるﾆｬ！
知ってる人は、ぴーが間違えていたらヾ('o'ヾ('o'ヾ('o';)ｫｨｫｨｫｨって、つっこみを入れてﾆｬ〜
まず、テーブルを作成するには
ＨＴＭＬでテーブルの宣言をしなければならにゃい！
それには、
＜ｔａｂｌｅ＞＜/ｔａｂｌｅ＞のタグを使うにょ。
その次に、テーブルの行を定義
＜ｔｒ＞＜/ｔｒ＞のタグを使うんにゃ。
それで、セル（データを入れる）を指定
＜ｔｄ＞＜/ｔｄ＞のタグを使うにゃぁ。
以上の３つのタグを組み合わせて出来上がるのが
＜ｔａｂｌｅ＞＜ｔｒ＞＜ｔｄ＞ここにデータを入れるﾆｬ＜/ｔｄ＞＜/ｔｒ＞＜/ｔａｂｌｅ＞
試しに、やってみるﾆｬね
↓↓↓
これだと、枠が無いから分かりづらいニャ
にゃので、＜ｔａｂｌｅ ｂｏｒｄｅｒ＝”２”＞を付け加えると
↓↓↓
ｖ(｡・・｡) ｵｯｹｰ♪出来たニャ
次は、これを表にしますﾆｬ！
↓↓↓
分かりやすく書くと
＜ｔａｂｌｅ ｂｏｒｄｅｒ＝”２”＞＜ｔｒ＞
＜ｔｄ＞ぴーすけ参上！1＜／ｔｄ＞
＜ｔｄ＞ぴーすけ参上！2＜／ｔｄ＞＜／ｔｒ＞
＜ｔｄ＞ぴーすけ参上！3＜／ｔｄ＞
＜ｔｄ＞ぴーすけ参上！4＜／ｔｄ＞＜／ｔｒ＞＜／ｔａｂｌｅ＞
という感じで、
＜／ｔｒ＞のタグを入れた後から、行が変わるのがわかるかにゃぁ〜
３列にしたい場合
↓↓↓
となるわけﾆｬ。
何となくわかったにゃよね！
それじゃ、これを利用して、画像を入れてみるﾆｬね
ただし、画像のサイズをあわせるために、画像アドレスの後ろに
ｗｉｄｔｈ="200"＝幅 ｈｅｉｇｈｔ="150"＝高さ
それと、テーブル宣言の時にも、全体の幅 ｗｉｄｔｈ＝”４００”
のサイズ指定をしてますﾆｬ。
あと、ラインをとってスッキリさせて見せたかったので、
＜ｔａｂｌｅ ｂｏｒｄｅｒ＝”２”＞⇒＜ｔａｂｌｅ ｂｏｒｄｅｒ＝”０”＞にしてみましたにゃ。
↓↓↓
いかがかﾆｬ？
次回は、これを応用して、遊びますにゃぁ〜
でも、その前に、テーブルの作成を知ってるかﾆｬ ？
知らない人のために、ちょこっとだけぴーが教えるﾆｬ！
知ってる人は、ぴーが間違えていたらヾ('o'ヾ('o'ヾ('o';)ｫｨｫｨｫｨって、つっこみを入れてﾆｬ〜
まず、テーブルを作成するには
ＨＴＭＬでテーブルの宣言をしなければならにゃい！
それには、
＜ｔａｂｌｅ＞＜/ｔａｂｌｅ＞のタグを使うにょ。
その次に、テーブルの行を定義
＜ｔｒ＞＜/ｔｒ＞のタグを使うんにゃ。
それで、セル（データを入れる）を指定
＜ｔｄ＞＜/ｔｄ＞のタグを使うにゃぁ。
以上の３つのタグを組み合わせて出来上がるのが
＜ｔａｂｌｅ＞＜ｔｒ＞＜ｔｄ＞ここにデータを入れるﾆｬ＜/ｔｄ＞＜/ｔｒ＞＜/ｔａｂｌｅ＞
試しに、やってみるﾆｬね
| ぴーすけ参上！ |
これだと、枠が無いから分かりづらいニャ
にゃので、＜ｔａｂｌｅ ｂｏｒｄｅｒ＝”２”＞を付け加えると
| ぴーすけ参上！ |
ｖ(｡・・｡) ｵｯｹｰ♪出来たニャ
次は、これを表にしますﾆｬ！
| ぴーすけ参上！1 | ぴーすけ参上！2 | ぴーすけ参上！3 | ぴーすけ参上！4 |
分かりやすく書くと
＜ｔａｂｌｅ ｂｏｒｄｅｒ＝”２”＞＜ｔｒ＞
＜ｔｄ＞ぴーすけ参上！1＜／ｔｄ＞
＜ｔｄ＞ぴーすけ参上！2＜／ｔｄ＞＜／ｔｒ＞
＜ｔｄ＞ぴーすけ参上！3＜／ｔｄ＞
＜ｔｄ＞ぴーすけ参上！4＜／ｔｄ＞＜／ｔｒ＞＜／ｔａｂｌｅ＞
という感じで、
＜／ｔｒ＞のタグを入れた後から、行が変わるのがわかるかにゃぁ〜
３列にしたい場合
| ぴーすけ参上！1 | ぴーすけ参上！2 | ぴーすけ参上！3 | ぴーすけ参上！4 | ぴーすけ参上！5 | ぴーすけ参上！6 |
となるわけﾆｬ。
何となくわかったにゃよね！
それじゃ、これを利用して、画像を入れてみるﾆｬね
ただし、画像のサイズをあわせるために、画像アドレスの後ろに
ｗｉｄｔｈ="200"＝幅 ｈｅｉｇｈｔ="150"＝高さ
それと、テーブル宣言の時にも、全体の幅 ｗｉｄｔｈ＝”４００”
のサイズ指定をしてますﾆｬ。
あと、ラインをとってスッキリさせて見せたかったので、
＜ｔａｂｌｅ ｂｏｒｄｅｒ＝”２”＞⇒＜ｔａｂｌｅ ｂｏｒｄｅｒ＝”０”＞にしてみましたにゃ。
 |  |
 |  |
いかがかﾆｬ？
次回は、これを応用して、遊びますにゃぁ〜
この記事へのコメント
わ〜〜 凄く難しそうですねぇ。ぴーちゃんの、ブログで見ているだけで頭がチンプン・カンプンに、なってます。
こりゃ〜私には、無理かもしれな〜い。でもね、ぴーちゃん 次回は楽しみにしてるにゃよ
こりゃ〜私には、無理かもしれな〜い。でもね、ぴーちゃん 次回は楽しみにしてるにゃよ確かにぴーちゃん参上してるにゃ♪
なんだか覚えるまで大変な技だにゃ〜！
頑張ってネ
なんだか覚えるまで大変な技だにゃ〜！
頑張ってネ
(ﾉﾟοﾟ)ﾉｵｵｵｵｫｫｫｫｫｫ-
こうしてテーブルで制御すれば、四コマもキレイに配置されるのねぇ。
すごい！！！！
勉強になるわー！最近、面倒臭がってタグも使ってないナリ・・・
こないだの動くヤツやらねばっ！
こうしてテーブルで制御すれば、四コマもキレイに配置されるのねぇ。
すごい！！！！
勉強になるわー！最近、面倒臭がってタグも使ってないナリ・・・
こないだの動くヤツやらねばっ！
ぴーちゃんママ、達人の域ですねーっ！
こないだのマウスポインタで画面が変わるので
ちょっとへこたれてしまったっ、、、
早く使いこなしたいんだけどついてゆけない〜〜
でもぴーちゃんママの説明はとってもわかりやすいです。
時間があればまたチャレンジしてみるねっ♪
こないだのマウスポインタで画面が変わるので
ちょっとへこたれてしまったっ、、、
早く使いこなしたいんだけどついてゆけない〜〜
でもぴーちゃんママの説明はとってもわかりやすいです。
時間があればまたチャレンジしてみるねっ♪
一見難しそうですが、ぴーママさんがわかりやすく解説してくれています。
「わっ、ムズ！」
と思うのではなく
「どれどれ」
という感じで肩の力を抜いて、まずこのコードをそのままやってみたらわかりやすいと思います。
で、ちょこっと自分とこのわんにゃんの名前や写真に変えれば出来上がりですものね。
これからも、この講座を楽しみにしています。
「わっ、ムズ！」
と思うのではなく
「どれどれ」
という感じで肩の力を抜いて、まずこのコードをそのままやってみたらわかりやすいと思います。
で、ちょこっと自分とこのわんにゃんの名前や写真に変えれば出来上がりですものね。
これからも、この講座を楽しみにしています。
ぴーちゃん・・・私のやり方がまずかったのか
前回の動く画像は記事を書いてる時はちゃんとできるんですが
投稿ボタンを押すとまったく反映されずにただの写真に逆もどり。
え〜ん(T_T)せっかくお披露目できると思ったのに。残念です。
それと、スノーを今朝、無事に保護する事ができました。
いままで沢山はげましていただいてありがとうございます
前回の動く画像は記事を書いてる時はちゃんとできるんですが
投稿ボタンを押すとまったく反映されずにただの写真に逆もどり。
え〜ん(T_T)せっかくお披露目できると思ったのに。残念です。
それと、スノーを今朝、無事に保護する事ができました。
いままで沢山はげましていただいてありがとうございます
あーっ！！これもしてみたかったの！！
とても嬉しい。
また、参考にさせて下さいね。
とても嬉しい。
また、参考にさせて下さいね。
いろんなこと、良く知ってらして、感心しちゃいます。
すごいなぁ☆
次回、テーブルを使って、遊んでみるのも、楽しみです。
すごいなぁ☆
次回、テーブルを使って、遊んでみるのも、楽しみです。
ぴーちゃんのhtmlタグ講座ためになるぅっ！次回のお遊び編楽しみにゃっ！(=^o^=)わくわく♪わくわく♪
この講座ずっと続けていろいろ教えてほしいにゃっ
この講座ずっと続けていろいろ教えてほしいにゃっ
前回の講座まだ試してないんです、、、が！
すごくためになってうれしい〜♪
次回も楽しみにしていますよ！
すごくためになってうれしい〜♪
次回も楽しみにしていますよ！
びわさんう・・・ん、難しいﾆｬよぅ〜
ぴーもいまいちにゃぁ〜
でも、ぴーがんばってみるにゃね！
サリ子さんへへへ、ぴーすけ、い〜っぱい参上してみたにゃ。
今後も、勉強して画像表示方法を工夫してみるにゃぁ〜
reineさん確かに、タグうちはめんどくさいﾆｬ〜
でも、みんなにもっともっと面白いぴーを見て欲しくって
勉強してるにゃ〜
テーブルを使っての画像表示って、崩れなくっていいにゃよね
ぴーも知って、目からウロコだったにゃぁ。
miemamaさんわかりやすいかにゃぁ・・・それにゃら良かったにゃ！
タグが使えると、結構いろいろ面白い技が出来るから
いつか、試してみてくだしゃい。
ペティオマスタどのぴーの講座・・1人でも利用してくれるとうれしいにゃぁ〜
いろんなHPやブログでも紹介されてるから、分かりやすい
ところのをそのまま、コピペして使うのが一番の早業にゃよね〜
umiさんにゃんで、できないんだろうにゃぁ・・・
う・・・ん、複雑にゃのかにゃぁ〜
ぴーも、もっと勉強してみるにゃぁ〜
スノーちゃん、帰ってきて本当にうれしいにゃぁ〜
半年、良く怪我もなく無事にがんばったにゃよぅ！
本格的に寒くなる前に、お家に戻れて本当に
良かった
mikumoさん喜んで貰えてうれしいにゃぁ〜
ブログ移動したら、ぴーにゃんかより、もっとスゴイ技を
使ったブログを期待してるにゃぁ
あぽこさんテーブルを使うとズレがちな画像もきれいに並んでるﾆｮ。
ぴーも、それ知って今度やってみようと思うにゃぁ〜
Gaviちゃんにゃんか、みんな期待してるにゃけど・・・
期待ハズレだったらどうしようにゃぁ・・・・・・・
でも、ぴーの愛嬌でそれは、カバーするにゃ
おじゃがさんにゃんかね・・動画ﾆｬ！の方は、皆、ニャカにゃかできないみたいにゃの・・
でも、テーブル作成は、できると思うから、テーブル作成を
試してみてﾆｬ〜
テーブルは、いろいろ応用きくから、覚えておくといいと思うのにゃぁ。
って、何回見てもよく分からなくて、
いつもコピペで使っているワタシヽ(;´Д`)ノ
でも最後の画像の並べてるの、こういう使い方もできるんだね！
φ(･ω･*)ﾌﾑﾌﾑφ(｡_｡*)ﾒﾓﾒﾓ
いつもコピペで使っているワタシヽ(;´Д`)ノ
でも最後の画像の並べてるの、こういう使い方もできるんだね！
φ(･ω･*)ﾌﾑﾌﾑφ(｡_｡*)ﾒﾓﾒﾓ
この記事のトラックバックURL
http://ppod.blog19.fc2.com/tb.php/64-8c495406
この記事にトラックバックする(FC2ブログユーザー)
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
ぴーすけ
ハンドルネーム:ぴーすけ
本名は、ぴっち（女の子）
白グレーのはちわれニャンコ
カニカマ命！ニャ
ドライブ・旅行好きニャンコ♪
本名は、ぴっち（女の子）
白グレーのはちわれニャンコ
カニカマ命！ニャ
ドライブ・旅行好きニャンコ♪
ぴーパパ
ぴーパパ＝てきさん
カニカマの次に好きニャッ！！
iPodに曲をためるのが趣味ﾆｬ。
ぴーママ
ぴーママ＝なーさん
教育ママ・・お尻を拭くﾆｬﾂ！
海外ドラマにはまってるﾆｬ。
☆⌒(=＾-ﾟ)v Thanks!!
YAHOO!ログール!
・ω・)φ......【ｶﾚﾝﾀﾞｰ】
カテゴリーやで (o -｀ω-)y━･~~
最近のｺﾒﾝﾄ（´・ω・｀だぉ）
データ取得中...
トラックバック(*｀･ω･)ゞﾃﾞｼ
o(｀･ω･´)○やる気ﾊﾞﾛﾒｰﾀｰ
エントリー中(=ﾟ-ﾟ)ﾉﾆｬ!
＼(=^‥^)/'`*:;★ リンク
ヽ(=＾ﾟωﾟ)＾/ぴーﾊﾞﾆｬ〜
ﾊﾞﾆｬ〜�� ： パーツﾆｬ!バニャ〜
ﾊﾞﾆｬ〜�� ： 甘栗ぴ太郎バニャ〜
ﾊﾞﾆｬ〜�� ： 動く♪甘栗ぴ太郎バニャ〜
☆ぴーのブログ「日刊にゃレンディ」をLink!
してくださる方、ご自由にどうぞﾆｬ！
ﾊﾞﾆｬ〜�� ： 甘栗ぴ太郎バニャ〜
ﾊﾞﾆｬ〜�� ： 動く♪甘栗ぴ太郎バニャ〜
☆ぴーのブログ「日刊にゃレンディ」をLink!
してくださる方、ご自由にどうぞﾆｬ！
ＱＲコード
FC2
