マスの横と縦を連結します
青いマスに白い文字
５０ １００ １５０
１００ １５０
１００ １５０


初心者テーブル８

    このページのタグです

    <HTML>
    <HEAD>
    <TITLE>初心者テーブル８</TITLE>
    </HEAD>
    <BODY BGCOLOR="#FFFFF0">
    <BR>
    <CENTER>
    <TABLE BGCOLOR="#00FF00" WIDTH="300" CELLSPACING ="3" CELLPADDING="3" BORDER="1">
    <TR>
    <TD COLSPAN="3" BGCOLOR="#0000FF" >
    <FONT SIZE="3" COLOR="#FFFFFF">青いマスに白い文字</FONT></TD>
    </TR>
    <TR>
    <TD ROWSPAN="3" WIDTH="50" BGCOLOR="#FFFF00" >
    <FONT SIZE="3" COLOR="#FF0000">５０</FONT></TD>
    <TD WIDTH="100" BGCOLOR="#FFFF00" >
    <FONT SIZE="3" COLOR="#FF0000">１００</FONT></TD>
    <TD WIDTH="150" BGCOLOR="#FFFF00" >
    <FONT SIZE="3" COLOR="#FF0000">１５０</FONT></TD>
    </TR>
    <TR>
    <TD WIDTH="100" BGCOLOR="#FFFF00" >
    <FONT SIZE="3" COLOR="#FF0000">１００</FONT></TD>
    <TD WIDTH="150" BGCOLOR="#FFFF00" >
    <FONT SIZE="3" COLOR="#FF0000">１５０</FONT></TD>
    </TR>
    <TR>
    <TD WIDTH="100" BGCOLOR="#FFFF00" >
    <FONT SIZE="3" COLOR="#FF0000">１００</FONT></TD>
    <TD WIDTH="150" BGCOLOR="#FFFF00" >
    <FONT SIZE="3" COLOR="#FF0000">１５０</FONT></TD>
    </TR>
    </TABLE>
    </CENTER>
    </BODY>
    </HTML>

    二番目のTD のつぎに ROWSPAN="3" を追加しました
    TD の中に ROWSPAN="3" を入れて３マスを縦に連結します

    このタグを見ると呪文みたいですね（笑)
    TR と /TR そして TD と /TD を組み合わせなのです。



0
1
2
3
4
5
6
7
9