タイトルテンプレート

Title Tmplate

24種類のシンプルなタイトルテンプレート（テーブル版）。コピー＆ペーストでカンタンに使えるタグ素材集です。文章やリンクを入れるだけでホームページが完成してしまう便利なものです。

タイトルテンプレート - table版

ホームページ作成の『チョッ』としたアクセントに、タイトルテンプレートを使ってみてはいかがでしょうか？

　オレンジ

<TABLE border="0" cellspacing="0" cellpadding="3" style="border-color:#ff9900; border-style:dashed; border-width:1px;">
          <tr>
            <TD bgcolor="#ffffff" width="150">　オレンジ</TD>
          </tr>
      </TABLE>

　レッド

<TABLE border="0" cellspacing="0" cellpadding="3" style="border-color:#ff0033; border-style:dashed; border-width:1px;" width="150">
          <tr>
            <TD bgcolor="#ffffff">　レッド</TD>
          </tr>
</TABLE>

　ピンク

<TABLE border="0" cellspacing="0" cellpadding="3" style="border-color:#ff99cc; border-style:dashed; border-width:1px;" width="150">
          <tr>
            <TD bgcolor="#ffffff">　ピンク</TD>
          </tr>
</TABLE>

　ブルー

<TABLE border="0" cellspacing="0" cellpadding="2" style="border-color:#0066cc; border-style:dashed; border-width:1px;" width="150">
          <tr>
            <TD bgcolor="#ffffff">　ブルー</TD>
          </tr>
      </TABLE>

　グリーン

      <TABLE border="0" cellspacing="0" cellpadding="2" style="border-color:#009900; border-style:dashed; border-width:1px;" width="150">
          <tr>
            <TD bgcolor="#ffffff">　グリーン</TD>
          </tr>
      </TABLE>

　グレー

      <TABLE border="0" cellspacing="0" cellpadding="2" style="border-color:#999999; border-style:dashed; border-width:1px;" width="150">
          <tr>
            <TD bgcolor="#ffffff">　グレー</TD>
          </tr>
      </TABLE>

★

　オレンジ

      <TABLE cellspacing="1" border="0" bgcolor="#ff6600" width="150">
<TBODY>
<TR>
            <TD align="center" valign="top" bgcolor="#ffffff" width="10"><FONT color="#ff6600">★</FONT></TD>
            <TD align="left" valign="top" bgcolor="#ffffff" width="140">　オレンジ</TD>
          </TR>
  </TBODY>
</TABLE>

★

　レッド

      <TABLE cellspacing="1" border="0" bgcolor="#ff0033" width="150">
<TBODY>
<TR>
            <TD align="center" valign="top" bgcolor="#ffffff" width="10"><FONT color="#ff0033">★</FONT></TD>
            <TD align="left" valign="top" bgcolor="#ffffff" width="140">　レッド</TD>
          </TR>
  </TBODY>
</TABLE>

★

　ピンク

      <TABLE cellspacing="1" border="0" bgcolor="#ff99cc" width="150">
<TBODY>
<TR>
            <TD align="center" valign="top" bgcolor="#ffffff" width="10"><FONT color="#ff99cc">★</FONT></TD>
            <TD align="left" valign="top" bgcolor="#ffffff" width="140">　ピンク</TD>
          </TR>
  </TBODY>
</TABLE>

★

　ブルー

      <TABLE cellspacing="1" border="0" bgcolor="#0066cc" width="150">
        <TBODY>
          <TR>
            <TD align="center" valign="top" bgcolor="#ffffff" width="10"><FONT color="#0066cc">★</FONT></TD>
            <TD align="left" valign="top" bgcolor="#ffffff" width="140">　ブルー</TD>
          </TR>
        </TBODY>
      </TABLE>

★

　グリーン

      <TABLE cellspacing="1" border="0" bgcolor="#009900" width="150">
        <TBODY>
          <TR>
            <TD align="center" valign="top" bgcolor="#ffffff" width="10"><FONT color="#009900">★</FONT></TD>
            <TD align="left" valign="top" bgcolor="#ffffff" width="140">　グリーン</TD>
          </TR>
        </TBODY>
      </TABLE>

★

　グレー

      <TABLE cellspacing="1" border="0" bgcolor="#6a6a6a" width="150">
        <TBODY>
          <TR>
            <TD align="center" valign="top" bgcolor="#ffffff" width="10"><FONT color="#6a6a6a">★</FONT></TD>
            <TD align="left" valign="top" bgcolor="#ffffff" width="140">　グレー</TD>
          </TR>
        </TBODY>
      </TABLE>

　ブラック

      <TABLE cellSpacing=0 cellPadding=0 width=150 align=center bgColor=#333333 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=1 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width=15 bgColor=#cccccc>　</TD>
<TD width=135 bgColor=#efeff2>　ブラック 
</TD>
                </TR>
              </TBODY>
            </TABLE>
            </TD>
          </TR>
        </TBODY>
      </TABLE>

　ピンク

      <TABLE cellSpacing=0 cellPadding=0 width=150 align=center bgColor=#ff7f7f border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=1 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width=15 bgColor=#ffcccc>　</TD>
<TD width=135 bgColor=#fff2f2>　ピンク 
</TD>
                </TR>
              </TBODY>
            </TABLE>
            </TD>
          </TR>
        </TBODY>
      </TABLE>

　ブルー

      <TABLE cellSpacing=0 cellPadding=0 width=150 align=center bgColor=#5557a6 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=1 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width=15 bgColor=#b4b5d7>　</TD>
<TD width=135 bgColor=#ececf5>　ブルー 
</TD>
                </TR>
              </TBODY>
            </TABLE>
            </TD>
          </TR>
        </TBODY>
      </TABLE>

　イエロー

      <TABLE cellSpacing=0 cellPadding=0 width=150 align=center bgColor=#ffff7e border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=1 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width=15 bgColor=#ffffb2>　</TD>
<TD width=135 bgColor=#fffff2>　イエロー 
</TD>
                </TR>
              </TBODY>
            </TABLE>
            </TD>
          </TR>
        </TBODY>
      </TABLE>

　グリーン

      <TABLE cellSpacing=0 cellPadding=0 width=150 align=center bgColor=#7eff7e border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=1 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width=10 bgColor=#b2ffb2>　</TD>
<TD width=100 bgColor=#f2fff2>　グリーン 
</TD>
                </TR>
              </TBODY>
            </TABLE>
            </TD>
          </TR>
        </TBODY>
      </TABLE>

　オレンジ

      <TABLE cellSpacing=0 cellPadding=0 width=150 align=center bgColor=#ffa319 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=1 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width=15 bgColor=#ffc266>　</TD>
<TD width=135 bgColor=#fff5e5>　オレンジ 
</TD>
                </TR>
              </TBODY>
            </TABLE>
            </TD>
          </TR>
        </TBODY>
      </TABLE>

ブラック

      <TABLE style="BORDER-LEFT: #999999 12px solid; BORDER-BOTTOM: #999999 1px solid" cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#efeff2>ブラック</TD>
                </TR>
              </TBODY>
            </TABLE>

ピンク

      <TABLE style="BORDER-LEFT: #ff7f7f 12px solid; BORDER-BOTTOM: #ff7f7f 1px solid" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#fff2f2>ピンク</TD>
                </TR>
              </TBODY>
            </TABLE>

ブルー

      <TABLE style="BORDER-LEFT: #5557a6 12px solid; BORDER-BOTTOM: #5557a6 1px solid" cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#ececf5>ブルー</TD>
                </TR>
              </TBODY>
            </TABLE>

イエロー

      <TABLE style="BORDER-LEFT: #ffff7e 12px solid; BORDER-BOTTOM: #ffff7e 1px solid" cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#fffff2>イエロー</TD>
                </TR>
              </TBODY>
            </TABLE>

グリーン

      <TABLE style="BORDER-LEFT: #7eff7e 12px solid; BORDER-BOTTOM: #7eff7e 1px solid" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#f2fff2>グリーン</TD>
                </TR>
              </TBODY>
            </TABLE>

オレンジ

      <TABLE style="BORDER-LEFT: #ffa319 12px solid; BORDER-BOTTOM: #ffa319 1px solid" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#fff5e5>オレンジ</TD>
                </TR>
              </TBODY>
            </TABLE>

ブラック

      <TABLE style="BORDER-LEFT: #999999 12px solid; BORDER-BOTTOM: #999999 1px solid" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD>ブラック</TD>
                </TR>
              </TBODY>
            </TABLE>

ピンク

      <TABLE style="BORDER-LEFT: #ff7f7f 12px solid; BORDER-BOTTOM: #ff7f7f 1px solid" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD>ピンク</TD>
                </TR>
              </TBODY>
            </TABLE>

ブルー

      <TABLE style="BORDER-LEFT: #5557a6 12px solid; BORDER-BOTTOM: #5557a6 1px solid" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD>ブルー</TD>
                </TR>
              </TBODY>
            </TABLE>

イエロー

      <TABLE style="BORDER-LEFT: #ffff7e 12px solid; BORDER-BOTTOM: #ffff7e 1px solid" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD>イエロー</TD>
                </TR>
              </TBODY>
            </TABLE>

グリーン

      <TABLE style="BORDER-LEFT: #7eff7e 12px solid; BORDER-BOTTOM: #7eff7e 1px solid" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD>グリーン</TD>
                </TR>
              </TBODY>
            </TABLE>

オレンジ

      <TABLE style="BORDER-LEFT: #ffa319 12px solid; BORDER-BOTTOM: #ffa319 1px solid" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD>オレンジ</TD>
                </TR>
              </TBODY>
            </TABLE>

ブラック

      <TABLE style="BORDER-LEFT: #999999 12px solid" cellSpacing=0 cellPadding=3 
width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#efeff2>ブラック</TD>
                </TR>
              </TBODY>
            </TABLE>

ピンク

      <TABLE style="BORDER-LEFT: #ff7f7f 12px solid" cellSpacing=0 cellPadding=3 
width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#fff2f2>ピンク</TD>
                </TR>
              </TBODY>
            </TABLE>

ブルー

      <TABLE style="BORDER-LEFT: #5557a6 12px solid" cellSpacing=0 cellPadding=3 
width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#ececf5>ブルー</TD>
                </TR>
              </TBODY>
            </TABLE>

イエロー

      <TABLE style="BORDER-LEFT: #ffff7e 12px solid" cellSpacing=0 cellPadding=3 
width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#fffff2>イエロー</TD>
                </TR>
              </TBODY>
            </TABLE>

グリーン

      <TABLE style="BORDER-LEFT: #7eff7e 12px solid" cellSpacing=0 cellPadding=3 
width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#f2fff2>グリーン</TD>
                </TR>
              </TBODY>
            </TABLE>

オレンジ

      <TABLE style="BORDER-LEFT: #ffa319 12px solid" cellSpacing=0 cellPadding=3 
width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#fff5e5>オレンジ</TD>
                </TR>
              </TBODY>
            </TABLE>

ブラック

      <TABLE 
style="BORDER-LEFT: #999999 1px dotted; BORDER-BOTTOM: #999999 1px dotted" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#efeff2>ブラック</TD>
                </TR>
              </TBODY>
            </TABLE>

ピンク

      <TABLE 
style="BORDER-LEFT: #ff7f7f 1px dotted; BORDER-BOTTOM: #ff7f7f 1px dotted" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#fff2f2>ピンク</TD>
                </TR>
              </TBODY>
            </TABLE>

ブルー

      <TABLE 
style="BORDER-LEFT: #5557a6 1px dotted; BORDER-BOTTOM: #5557a6 1px dotted" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#ececf5>ブルー</TD>
                </TR>
              </TBODY>
            </TABLE>

イエロー

      <TABLE 
style="BORDER-LEFT: #ffff7e 1px dotted; BORDER-BOTTOM: #ffff7e 1px dotted" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#fffff2>イエロー</TD>
                </TR>
              </TBODY>
            </TABLE>

グリーン

      <TABLE 
style="BORDER-LEFT: #7eff7e 1px dotted; BORDER-BOTTOM: #7eff7e 1px dotted" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#f2fff2>グリーン</TD>
                </TR>
              </TBODY>
            </TABLE>

オレンジ

      <TABLE 
style="BORDER-LEFT: #ffa319 1px dotted; BORDER-BOTTOM: #ffa319 1px dotted" 
cellSpacing=0 cellPadding=3 width=150 align=center border=0>
              <TBODY>
                <TR>
                  <TD bgColor=#fff5e5>オレンジ</TD>
                </TR>
              </TBODY>
            </TABLE>

レッド

      <TABLE border="0" align="center" cellpadding="3" cellspacing="0" style="BORDER-BOTTOM: #FF0033 1px dotted;BORDER-LEFT: #FF0033 1px dotted" width="150">
          <tr>
            <TD bgcolor="#ffaad5">レッド</TD>
          </tr>    
      </TABLE>

グリーン

      <TABLE border="0" align="center" cellpadding="3" cellspacing="0" style="BORDER-BOTTOM: #009900 1px dotted;BORDER-LEFT: #009900 1px dotted" width="150"> 
          <tr>
            <TD bgcolor="#bfffbf">グリーン</TD>
          </tr>
      </TABLE>

スカイブルー

      <TABLE border="0" align="center" cellpadding="3" cellspacing="0" style="BORDER-BOTTOM: #0066CC 1px dotted;BORDER-LEFT: #0066CC 1px dotted" width="150
">  
          <tr>
            <TD bgcolor="#bfdfff">スカイブルー</TD>
          </tr>
      </TABLE>

　ブラック

      <TABLE style="BORDER-BOTTOM: #999999 1px solid" cellSpacing=0 cellPadding=3 
width=150 border=0>
              <TBODY>
                <TR>
                  <TD align=middle width=10 bgColor=#cccccc>　</TD>
                  <TD width=140 bgColor=#efeff2>　ブラック</TD>
                </TR>
              </TBODY>
            </TABLE>

　ピンク

      <TABLE style="BORDER-BOTTOM: #999999 1px solid" cellSpacing=0 cellPadding=3 
width=150 border=0>
              <TBODY>
                <TR>
                  <TD align=middle width=10 bgColor=#ffcccc>　</TD>
                  <TD width=140 bgColor=#fff2f2>　ピンク</TD>
                </TR>
              </TBODY>
            </TABLE>

　ブルー

      <TABLE style="BORDER-BOTTOM: #999999 1px solid" cellSpacing=0 cellPadding=3 
width=150 border=0>
              <TBODY>
                <TR>
                  <TD align=middle width=10 bgColor=#b4b5d7>　</TD>
                  <TD width=140 bgColor=#ececf5>　ブルー</TD>
                </TR>
              </TBODY>
            </TABLE>

イエロー

      <TABLE style="BORDER-BOTTOM: #999999 1px solid" cellSpacing=0 cellPadding=3 
width=150 border=0>
              <TBODY>
                <TR>
                  <TD align=middle width=10 bgColor=#ffffb2>　</TD>
                  <TD width=140 bgColor=#fffff2>イエロー</TD>
                </TR>
              </TBODY>
            </TABLE>

グリーン

      <TABLE style="BORDER-BOTTOM: #999999 1px solid" cellSpacing=0 cellPadding=3 
width=150 border=0>
              <TBODY>
                <TR>
                  <TD align=middle width=10 bgColor=#b2ffb2>　</TD>
                  <TD width=140 bgColor=#f2fff2>グリーン</TD>
                </TR>
              </TBODY>
            </TABLE>

オレンジ

      <TABLE style="BORDER-BOTTOM: #999999 1px solid" cellSpacing=0 cellPadding=3 
width=150 border=0>
              <TBODY>
                <TR>
                  <TD align=middle width=10 bgColor=#ffc266>　</TD>
                  <TD width=140 bgColor=#fff5e5>オレンジ</TD>
                </TR>
              </TBODY>
            </TABLE>

ブラック

      <TABLE width=150>
              <TBODY>
                <TR>
                  <TD>
                  <DIV 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid">
                  <DIV 
style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 3px; BACKGROUND: #cccccc; PADDING-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid">ブラック</DIV>
                  </DIV>
                  </TD>
                </TR>
              </TBODY>
            </TABLE>

ピンク

      <TABLE width=150>
              <TBODY>
                <TR>
                  <TD>
                  <DIV 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid">
                  <DIV 
style="BORDER-RIGHT: #ffcccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 3px; BACKGROUND: #ffcccc; PADDING-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #ffcccc 1px solid">ピンク</DIV>
                  </DIV>
                  </TD>
                </TR>
              </TBODY>
            </TABLE>

ブルー

      <TABLE width=150>
              <TBODY>
                <TR>
                  <TD>
                  <DIV 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid">
                  <DIV 
style="BORDER-RIGHT: #b4b5d7 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 3px; BACKGROUND: #b4b5d7; PADDING-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #b4b5d7 1px solid">ブルー</DIV>
                  </DIV>
                  </TD>
                </TR>
              </TBODY>
            </TABLE>

イエロー

      <TABLE width=150>
              <TBODY>
                <TR>
                  <TD>
                  <DIV 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid">
                  <DIV 
style="BORDER-RIGHT: #ffffb2 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 3px; BACKGROUND: #ffffb2; PADDING-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffb2 1px solid">イエロー</DIV>
                  </DIV>
                  </TD>
                </TR>
              </TBODY>
            </TABLE>

グリーン

      <TABLE width=150>
              <TBODY>
                <TR>
                  <TD>
                  <DIV 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid">
                  <DIV 
style="BORDER-RIGHT: #b2ffb2 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 3px; BACKGROUND: #b2ffb2; PADDING-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #b2ffb2 1px solid">グリーン</DIV>
                  </DIV>
                  </TD>
                </TR>
              </TBODY>
            </TABLE>

ブラック

      <TABLE width=150>
              <TBODY>
                <TR>
                  <TD>
                  <DIV 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid">
                  <DIV 
style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 3px; BACKGROUND: #cccccc; PADDING-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid">ブラック</DIV>
                  </DIV>
                  </TD>
                </TR>
              </TBODY>
            </TABLE>