タイトル風文字/HTMLタグ素材集

タイトル風文字タグ１

<span style="width:410;height:50;font-size:30pt;font-family:ふみゴシック;color:#009500;filter:shadow(color=limegreen);">ここにタイトル</span>

タイトル風文字タグ２

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

<span style="width:480;height:1;font-size:35pt;color:skyblue;filter:wave(freq=6,Strength=3) Alpha(opacity=30,);">
ここにタイトル</span>

タイトル風文字タグ３

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

<span style="width:480;font-size:30pt;font-family:魚石行書;color:#353535;filter:dropshadow(color=silver) shadow(color=silver,direction=170);">
<B>ここにタイトル</B></span>

タ ^イ ^ト ^ル ^風 ^モ ^ジ ^タ ^グ ４

<font size="7" face="ＭＳ 明朝" color="#bfbfbf">
<B><I>タ</FONT>
<font size="6" face="ＭＳ 明朝" color="#7f7f7f">
<sup>イ</sup></FONT>
<font size="6" face="ＭＳ 明朝" color="#4a4a4a">
<sup>ト</sup></sup></FONT>
<font size="6" face="ＭＳ 明朝" color="#353535">
<sup>ル</sup></FONT>
<font size="6" face="ＭＳ 明朝" color="#000000">
<sup>風</sup></FONT>
<font size="6" face="ＭＳ 明朝" color="#353535">
<sup>モ</sup></FONT>
<font size="6" face="ＭＳ 明朝" color="#4a4a4a">
<sup>ジ</sup></FONT>
<font size="6" face="ＭＳ 明朝" color="#7f7f7f">
<sup>タ</sup></FONT>
<font size="6" face="ＭＳ 明朝" color="#bfbfbf">
<sup>グ</sup></I></FONT>
<font size="7" face="ＭＳ 明朝" color="#7f7f7f">
４</B></FONT>

タイトル風文字タグ５

[width="365"]は数字を大きくすると横幅が伸び、小さくすると横幅が狭くなります
[height="80"]は数字を大きくすると縦幅が伸び、小さくすると縦幅が狭くなります
[font-size:32px;]は数字を大きくすると文字が大きくなり、
数字を小さくすると文字が小さくなります。

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

<Table border="0" bgcolor="#006a00" cellpadding="15" Cellspacing="0" width="365" height="80"
style="border:thick ridge #800000;font-family:富士ポップ;font-size:32px;color:#ffffff;"><Tr><Td align="center">
ここにタイトル
</Td></Tr></Table>

タイトル風文字タグ６

[width="365"]は数字を大きくすると横幅が伸び、小さくすると横幅が狭くなります
[height="80"]は数字を大きくすると縦幅が伸び、小さくすると縦幅が狭くなります
[font-size:32px;]は数字を大きくすると文字が大きくなり、
数字を小さくすると文字が小さくなります。

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

<Table border="0" bgcolor="#ffffff" cellpadding="15" Cellspacing="0" width="365" height="80"
style="border:thick double #ff6600;font-family:ＭＳ 明朝;font-size:32px;color:#ff6600;"><Tr><Td align="center">
ここにタイトル
</Td></Tr></Table>

タイトル風文字タグ７

[width="365"]は数字を大きくすると横幅が伸び、小さくすると横幅が狭くなります
[height="80"]は数字を大きくすると縦幅が伸び、小さくすると縦幅が狭くなります
[font-size:32px;]は数字を大きくすると文字が大きくなり、
数字を小さくすると文字が小さくなります。

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

<Table border="0" bgcolor="#7a4b45" cellpadding="15" Cellspacing="0" width="365" height="80"
style="border:thick groove #959500;font-family:江戸勘亭流;font-size:32px;color:#000000;"><Tr><Td align="center">
ここにタイトル
</Td></Tr></Table>

タイトル風文字タグ８

[width="365"]は数字を大きくすると横幅が伸び、小さくすると横幅が狭くなります
[height="80"]は数字を大きくすると縦幅が伸び、小さくすると縦幅が狭くなります
[font-size:32px;]は数字を大きくすると文字が大きくなり、
数字を小さくすると文字が小さくなります。

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

<Table border="0" bgcolor="#ffbfff" cellpadding="15" Cellspacing="0" width="365" height="80"
style="border:thick dashed #ffbfff;"><Tr><Td align="center">
<span style="font-size:32px;color:ffbfff;font-family:富士ポップ;filter:glow(color=white,strength=7);width:320;">
ここにタイトル
</Td></Tr></Table>

タイトル風文字タグ９

[width="365"]は数字を大きくすると横幅が伸び、小さくすると横幅が狭くなります
[height="80"]は数字を大きくすると縦幅が伸び、小さくすると縦幅が狭くなります
[font-size:32px;]は数字を大きくすると文字が大きくなり、
数字を小さくすると文字が小さくなります。

<Table border="0" bgcolor="#000000" cellpadding="15" Cellspacing="0" width="365" height="80"
style="border:thick ridge #c9c9c9;font-family:ＭＳ ゴシック;font-size:32px;color:#ffffff;"><Tr><Td align="center">
<marquee width="320" scrollamount="5" truespeed>
ここにタイトル
</marquee></Td></Tr></Table>

タイ^トル風!
^{文字タグ10}

(YAHOOタイトル風)

・[top]は本来表示される位置から文字を表示する場所を指定
・[left]は本来表示される位置から文字を表示する場所を指定
・文字を指定した場所はウインドウのサイズを変更してもずれません

<span style="width:155;height:10;font-size:23pt;color:red;filter:dropshadow(color=black,offX=2,offY=1);">
<font size="7">タ</font>イ<font size="7"><sup>トル風!</sup></font></span>
<Br><span style="position:relative;top:-25;left:85;width:300;font-size:23pt;color:red;filter:dropshadow(color=black,offX=2,offY=1);"><Sup><font size="6"><B>文字タグ10</B></font></Sup></span>

タイトル風文字タグＡ

[width="365"]は数字を大きくすると横幅が伸び、小さくすると横幅が狭くなります
[height="80"]は数字を大きくすると縦幅が伸び、小さくすると縦幅が狭くなります
[font-size:32px;]は数字を大きくすると文字が大きくなり、
数字を小さくすると文字が小さくなります。

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

<Table border="0" bgcolor="#ffff80" cellpadding="15" Cellspacing="0" width="365" height="80"
style="border:thick dotted #ffff00;font-family:ふみゴシック;font-size:32px;color:#009595;"><Tr><Td align="center">
ここにタイトル
</Td></Tr></Table>

タイトル風文字タグ１２

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

<span style="width:480;line-height:2;font-size:30pt;font-family:江戸勘亭流;color:#950000;filter:dropshadow(color=red,offX=1,offY=-5) shadow(color=red,direction=360);">
ここにタイトル</span>

タ イトル風モジタグ１３

(googleロゴ風)

<span style="width:580;font-size:30pt;filter:dropshadow(color=silver,offX=3,offY=3);">
<font face="ＭＳ ゴシック" color="#0080ff">
<B>タ</FONT>
<font face="ＭＳ ゴシック" color="#ff0000">
イ</FONT>
<font face="ＭＳ ゴシック" color="#ffff00">
ト</sup></FONT>
<font face="ＭＳ ゴシック" color="#0080ff">
ル</FONT>
<font face="ＭＳ ゴシック" color="#80ff00">
風</FONT>
<font face="ＭＳ ゴシック" color="#ff0000">
モ</FONT>
<font face="ＭＳ ゴシック" color="#0080ff">
ジ</FONT>
<font face="ＭＳ ゴシック" color="#ff0000">
タ</FONT>
<font face="ＭＳ ゴシック" color="#ffff00">
グ</FONT>
<font face="ＭＳ ゴシック" color="#80ff00">
１３</B></font></span>

Welcome ようこそ m My HomePage 私のホームページへ

<span style="width:500;font-size:30pt;font-family:STROKE;color:#0080ff;filter:glow(color=gold);">
<Ruby>
<Rb>Welcome
<Rt>ようこそ
</Ruby>

<span style="color:orange;weight:medium;font-size:100pt;font-family:webdings;">m</span>
<Ruby>
<Rb>My HomePage
<Rt>私のホームページへ
</Ruby>
</span>