3813682 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

【毎日開催】
15記事にいいね！で1ポイント
10秒滞在
いいね! --/--
次の日記を探す
おめでとうございます！
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x

< 新しい記事

新着記事一覧(全11076件)

過去の記事 >

全て | カテゴリ未分類 | HTML文字画像リンク | HTMLタグ（テーブル） | HTML（応用編） | 楽天で購入した商品 | スポーツ,アウトドア,車,バイク | 心緒 | インテリア,ライト,収納,ベビー,キッズ | アフィリエイト入門編 | TV・オーディオ・カメラ | 自己管理,美容,インナー | DVD,CD,本,旅,楽器 | 生活,美容,健康,家電 | 金運アップ,風水,自己トレ | ユーザービリティとSEO | 楽天市場のPR | アフィリエイト | 音楽 | 食品,グルメ,飲料 | ダイエット,健康,食品 | 園芸,DIY,ペット,おもちゃゲーム | 日用品雑貨,キッチン用品,寝具 | パソコン・周辺機器 | ファッション,ジュエリー,アクセサリー,靴 | 防災,介護,医療 | ブランド雑貨,時計 | 酒場放浪記 | 天気気象予報 | 気になる動画 | 最近チェックした商品 | 血圧測定 | 気になるニュース | 人生の名言集
2006.07.17
XML

楽天広場HTML講座・テーブルをタテに並べる

テーマ：ホームページ作成の悩み(545)
カテゴリ：HTMLタグ（テーブル）
・テーブルをつかう


■ テーブルをタテに並べる


前回は、テーブルをヨコに並べる方法を学びました。
今回は、テーブルをタテに並べる方法です。



たとえば次の例を見てください。
●○
●○




今回はテーブルがこのようにタテに並んでいます。


まずは前回と同じようにイメージしてみましょう。


イメージとしては
<table><tr><td>
●○
</td></tr><tr><td>
●○
</td></tr><table>


という感じになります。


一度「tr」で区切り、2行にしてしまうのです。
こうすれば、タテにテーブルを並べることができるのです。


これをきちんと書くとこんな感じ。
●○
●○



↓
<table>
<tr><td>
<table border="1" bgcolor="#ffcc99"><tr><td>●</td><td>○</td></tr></table>
</td></tr>
<tr><td>
<table border="1" bgcolor="#ffcc99"><tr><td>●</td><td>○</td></tr></table>
</td></tr>
</table>



前回と同じような考えで「tr」を増やせば、タテに並べるテーブルの数が増やせます。


では、今度はこの応用。
ヨコ・タテにテーブルを増やしてみましょう！





[トップページへ戻る][次のページ⇒]






お気に入りの記事を「いいね！」で応援しよう

Last updated  2008.12.21 07:41:53
[HTMLタグ（テーブル）] カテゴリの最新記事

もっと見る
© Rakuten Group, Inc.