テンプレTOP

タイトル部分

内容部分

別カラーバージョンはこちら

[align="横位置"]はテーブルをページのどの部分に表示するか指定。 [align="center"中央---align="left"左側---align="right"右側] [Td align="横位置" valign="縦位置"]は表内の文字位置を指定 [align="center"中央---align="left"左側---align="right"右側] [valign="top"上部---valign="middle"中央---valign="bottom"下部] [width="横幅"][height="縦幅"]で表の大きさを変えられます。

<Table border="1" width="520" height="550" cellspacing="0" bgcolor="#ffffff" bordercolor="#004a95" cellspacing="0"> <Tr><Td height="30" bgcolor="#004a95" align="left"> <font size="3" color="#ffffff" face="ＭＳ ゴシック"> タイトル部分 </font></Td></Tr> <Tr><Td bgcolor="#ffffff" align="center" valign="top"> 内容部分 </Td></Tr> </Table>

タイトル部分

内容部分

別カラーバージョンはこちら

[align="横位置"]はテーブルをページのどの部分に表示するか指定。 [align="center"中央---align="left"左側---align="right"右側] [Td align="横位置" valign="縦位置"]は表内の文字位置を指定 [align="center"中央---align="left"左側---align="right"右側] [valign="top"上部---valign="middle"中央---valign="bottom"下部] [width="横幅"][height="縦幅"]で表の大きさを変えられます。

<Table border="0" width="300" height="40" cellspacing="0" bgcolor="#006a00" cellspacing="0" style="border:thick ridge #800000;"> <Tr><Td align="center"> <font color="#ffffff" face="富士ポップ"> タイトル部分 </font></Td></Tr> </Table> <Br> <Table border="0" width="520" height="550" cellspacing="0" bgcolor="#006a00" cellspacing="0" style="border:thick ridge #800000;"> <Tr><Td align="center" valign="top"> <font color="#ffffff" face="富士ポップ"> 内容部分 </font></Td></Tr></Table>

タイトル部分

内容部分

別カラーバージョンはこちら

[align="横位置"]はテーブルをページのどの部分に表示するか指定。 [align="center"中央---align="left"左側---align="right"右側] [Td align="横位置" valign="縦位置"]は表内の文字位置を指定 [align="center"中央---align="left"左側---align="right"右側] [valign="top"上部---valign="middle"中央---valign="bottom"下部] [width="横幅"][height="縦幅"]で表の大きさを変えられます。

<Table border="0" width="520" height="40" cellspacing="0" bgcolor="#bfffbf" cellspacing="0" style="border:thick dotted #ff80c0;"> <Tr><Td align="center"> <font color="#ff80c0" face="HGP創英角ﾎﾟｯﾌﾟ体"> タイトル部分 </font></Td></Tr></Table> <Table border="0" width="520" height="550" cellspacing="0" bgcolor="#bfffbf" cellspacing="0" style="border:thick dotted #ff80c0;"> <Tr><Td align="center" valign="top"> <font color="#ff80c0" face="HGP創英角ﾎﾟｯﾌﾟ体"> 内容部分 </font></Td></Tr></Table>

タイトル部分 内容部分

別カラーバージョンはこちら

[align="横位置"]はテーブルをページのどの部分に表示するか指定。 [align="center"中央---align="left"左側---align="right"右側] [Td align="横位置" valign="縦位置"]は表内の文字位置を指定 [align="center"中央---align="left"左側---align="right"右側] [valign="top"上部---valign="middle"中央---valign="bottom"下部] [width="横幅"][height="縦幅"]で表の大きさを変えられます。

<Table border="0" width="520" height="550" cellspacing="0" bgcolor="#bfdfff" cellspacing="0" style="border:thick dashed #bfdfff;"> <Tr><Td align="center" valign="top"> <Table border="0" width="300" height="40" cellspacing="0" bgcolor="#ffffff" cellspacing="0" style="border:thick dashed #bfdfff;"> <Tr><Td align="center"> <font color="#0080ff" face="ＭＳ ゴシック"> タイトル部分 </font></Td></Tr></Table> <font color="#0080ff" face="ＭＳ ゴシック"> 内容部分 </font></Td></Tr></Table>

タイトル部分 内容部分

別カラーバージョンはこちら

[align="横位置"]はテーブルをページのどの部分に表示するか指定。 [align="center"中央---align="left"左側---align="right"右側] [Td align="横位置" valign="縦位置"]は表内の文字位置を指定 [align="center"中央---align="left"左側---align="right"右側] [valign="top"上部---valign="middle"中央---valign="bottom"下部] [width="横幅"][height="縦幅"]で表の大きさを変えられます。

<Table border="0" width="520" height="550" cellspacing="0" bgcolor="#ffff80" cellspacing="0" style="border:thick double orange;"> <Tr><Td align="center" valign="top"> <Table border="0" width="300" height="40" cellspacing="0" bgcolor="#ffffff" cellspacing="0" style="border:thick double orange;"> <Tr><Td align="center"> <font color="orange" face="麗流隷書"> タイトル部分 </font></Td></Tr> </Table> <font color="orange" face="麗流隷書"> 内容部分 </font></Td></Tr> </Table>

別カラーバージョンはこちら

[align="横位置"]はテーブルをページのどの部分に表示するか指定。 [align="center"中央---align="left"左側---align="right"右側] [Td align="横位置" valign="縦位置"]は表内の文字位置を指定 [align="center"中央---align="left"左側---align="right"右側] [valign="top"上部---valign="middle"中央---valign="bottom"下部] [width="横幅"][height="縦幅"]で表の大きさを変えられます。

<div style="border:thick ridge #7a6045;width:30;"> <Table border="0" width="520" height="550" cellspacing="0" bgcolor="#537a45" cellspacing="0"> <Tr><Td align="right"> <div style="writing-mode:tb-rl;height:550;"> <div style="border:thick ridge #7a6045;width:30;"> <Table border="0" width="20" height="200" cellspacing="0" bgcolor="#7a7a45" cellspacing="0"> <Tr><Td align="center" valign="middle"> <div style="writing-mode:tb-rl;height:200;font-family:江戸勘亭流;color:#000000;"> タイトル部分</div> </Td></Tr></Table></div> <Table border="0" height="550" width="480" align="left"> <Tr><Td> <div style="writing-mode:tb-rl;height:550;font-family:江戸勘亭流;color:#000000;"> 内容部分</div></Td></Tr></Table> </div></Td></Tr> </Table></div>









<div style="border:thick ridge maroon;width:30;"> <Table border="0" width="550" height="520" cellspacing="0" bgcolor="#6a6a00" cellspacing="0"> <Tr><Td align="center" valign="middle"> <Table border="0" bgcolor="#ffffff" width="520" heigth="490"> <Tr><Td align="center"> <font face="富士ポップ"> タイトル部分</font><Br> <Table border="1" width="490" height="470" bgcolor="#ffffff" bordercolor="#7f7f7f" cellspacing="0" frame="below"> <Tr><Td valign="bottom"> 内容部分１ </Td></Tr> <Tr><Td valign="bottom"> 内容部分２ </Td></Tr> <Tr><Td valign="bottom"> 内容部分３ </Td></Tr> <Tr><Td valign="bottom"> 内容部分４ </Td></Tr> <Tr><Td valign="bottom"> 内容部分５ </Td></Tr> <Tr><Td valign="bottom"> 内容部分６ </Td></Tr> <Tr><Td valign="bottom"> 内容部分７ </Td></Tr> <Tr><Td valign="bottom"> 内容部分８ </Td></Tr> <Tr><Td valign="bottom"> 内容部分９ </Td></Tr> <Tr><Td valign="bottom"> 内容部分１０ </Td></Tr> <Tr><Td valign="bottom"> 内容部分１１ </Td></Tr> </Table><Br> </Table></Td></Tr></Table></div>