オトナが出会えるオンラインゲーム! 『MILU(ミル)』 新規会員登録
MILU日記一覧
トップ > MILU日記 > テーブル(表)の書き方
0

シェアボタンに関して


ゲーム内でF8ボタンをクリックするとアバタ撮影できます
Lv 30
(5)
最終ログイン 2日以上前
 
零改のMILU日記
タイトル テーブル(表)の書き方   おすすめ(1) 2009-09-15 22:15:32

六花さん宛かもしれないけど、みなさんが参考になればいいなぁっと(・ω・)

↓↓↓テーブルのソースコードです(・ω・)ノ↓↓↓


<table border="1" cellspacing="2" cellpadding="0" width="240">
<tr>
    <td align="center" width="60">A-1</td>
    <td align="center">B-1</td>
    <td align="center">C-1</td>
    <td align="center">D-1</td>
</tr>
<tr>
    <td colspan="4" align="center">A-2/B-2/C-2/D-2</td>
</tr>
<tr>
    <td rowspan="2" align="center">A-3/A-4</td>
    <td align="center">B-3</td>
    <td rowspan="2" colspan="2" align="center">C-3/D-3<br />C-4/D-4</td>
</tr>
<tr>
    <td align="center">B-4</td>
</tr>
</table>

↑↑↑ソースコードここまで↑↑↑

↓が結果です~。


A-1 B-1 C-1 D-1
A-2/B-2/C-2/D-2
A-3/A-4 B-3 C-3/D-3
C-4/D-4
B-4



↑↑↑結果ここまで↑↑↑

テーブルを作る際の補足
table border 外枠の太さを指定
cellspacing セルの間隔を指定する
cellpadding 余白の大きさを指定
tr/td rowspan 垂直方向の結合
colspan 水平方向の結合



本当はcolspanを使う必要が無かったのですが、説明上使っています。

その他の色々なプログラム語はHTML言語とCSS言語でできています。

ほんの少し勉強すれば、簡単にできますので慣れてくれば

こんな風にデザインすることもできますよ^^


カテゴリ:未設定 > 未設定
コメント(3)
がんた 2009-09-15 23:30:32  
すごいw宇宙語にしか見えないww
エクタクローム 2009-09-16 11:29:16  
HTML講座ご苦労さまです^^
六花 2009-09-16 15:38:48  
うわぁヽ(*´▽`*)ノ すごい! 確かに宇宙語だ!ww でもこれでコピペできるww 零改さんありがとー!
コメント作成
0

シェアボタンに関して