簡単こぴーで使えるＨＴＭＬタグ４
楽天用にＨＴＭＬタグ
ほんとうはもっとあるんだけど楽天は規制があるのでとりあえず
それとカフェスタ用の改造タグも↑のバナーから
(*アフリィエイトじゃありません。また消されてたまるか！！）
解説ページへ飛んでみてよ
よかったら使ってみてね
| ＨＴＭＬタグ4 |
|---|
画像（貼り付け）いろいろ
画像の貼付
画像を
<img src="
画像ＵＲＬ
">
貼付ます。
画像を中央揃え
<div align="center"><img src="
画像ＵＲＬ
"></div>
画像を右寄せ
<div align= right >
<img src= 画像ＵＲＬ >
</div>
<img src= 画像ＵＲＬ >
</div>
左画像
+右文字廻込み
+右文字廻込み
<img src="
画像ＵＲＬ
f" align="left">
画像は左寄せです。 <br>
文字は画像の右側に配置されます。 <br>
<br clear="left">
画像は左寄せです。 <br>
文字は画像の右側に配置されます。 <br>
<br clear="left">
画像は左寄せです。文字は画像の右側に配置されます。
右画像
+左文字廻込み
+左文字廻込み
<img src="
画像ＵＲＬ
" align="right">
画像は右寄せです。 <br>
文字は画像の左側に配置されます。 <br>
<br clear="right">
画像は右寄せです。 <br>
文字は画像の左側に配置されます。 <br>
<br clear="right">
画像は左寄せです。文字は画像の左側に配置されます。
文字廻込み
解除
解除
<img src="
画像ＵＲＬ
" align="left">
← 画像左、文章右廻込み <br><br>
<img src=" 画像ＵＲＬ " align="right">
画像右、文章左廻込み →
<br clear="all">
文字廻込みを解除。
← 画像左、文章右廻込み <br><br>
<img src=" 画像ＵＲＬ " align="right">
画像右、文章左廻込み →
<br clear="all">
文字廻込みを解除。
← 画像左、文章右廻込み
画像右、文章左廻込み →文字廻込みを解除。
左画像
+文字右上
+文字右上
<img src="
画像ＵＲＬ
" align="top">
文字が右上に。 <br>
文字が右上に。 <br>
文字が画像の右上
左画像
+文字中央
+文字中央
<img src="
画像ＵＲＬ
"
align="middle">
文字が中央に。 <br>
文字が中央に。 <br>
文字が画像の中央
左画像
+文字右下
+文字右下
<img src="
画像ＵＲＬ
"
align="bottom">
文字が画像の右下に。 <br>
文字が画像の右下に。 <br>
文字が画像の右下
マウスカーソルを乗せると、
説明文を表示
説明文を表示
<img src="
画像ＵＲＬ
" alt=" " title="
ninja
">
画像を
縮小表示
縮小表示
<img src = "
画像ＵＲＬ
" width=
150
height=
100
></a>
※ 縮小表示させても、元の画像を読み込み
ますので、元画像の容量に関係します。
※ 縮小表示させても、元の画像を読み込み
ますので、元画像の容量に関係します。
(一つの同じ画像を縮小表示)
<a href=" 画像ＵＲＬ "><img src = " 画像ＵＲＬ " width= 150 height= 100 ></a>
※ 縮小表示させても、元の画像を読み込み
ますので、元画像の容量に関係します。
<a href=" 画像ＵＲＬ "><img src = " 画像ＵＲＬ " width= 150 height= 100 ></a>
※ 縮小表示させても、元の画像を読み込み
ますので、元画像の容量に関係します。
(貼付ける画像は画像ソフトで縮小させて、
掲示板に表示)
<a href=" 画像ＵＲＬ "><img src = " 縮小画像ＵＲＬ " ></a>
掲示板に表示)
<a href=" 画像ＵＲＬ "><img src = " 縮小画像ＵＲＬ " ></a>
(貼付ける画像は画像ソフトで縮小させて、
掲示板に表示、画像廻りの 枠を付けない )
<a href=" 画像ＵＲＬ "><img src = " 縮小画像ＵＲＬ " border="0"></a>
掲示板に表示、画像廻りの 枠を付けない )
<a href=" 画像ＵＲＬ "><img src = " 縮小画像ＵＲＬ " border="0"></a>
（上記の設定で、 別プラウザで表示
）
<a href=" 画像ＵＲＬ " target="_blank"><img src = " 縮小画像ＵＲＬ " border="0"></a>
<a href=" 画像ＵＲＬ " target="_blank"><img src = " 縮小画像ＵＲＬ " border="0"></a>
色の反転
<img src="
画像ＵＲＬ
" alt="
色の反転
" border="0" style="filter:invert()">
グレイ効果
<img src="
画像ＵＲＬ
" alt="
グレイ効果
" border="0" style="filter:gray()">
左右反転
<img src="
画像ＵＲＬ
" alt="
左右反転
" border="0" style="filter:fliph()">
上下反転
<img src="
画像ＵＲＬ
" alt="
上下反転
" border="0" style="filter:flipv()">
ぼかし効果
<img src="
画像ＵＲＬ
" alt="
ぼかし効
果" border="0" STYLE="filter:Blur(strength=20)">
半透明
<img src="
画像ＵＲＬ
" alt="
半透明
" border="0" style="filter:alpha(opacity=50)">
画像の上に文字を載せてみた
<TABLE BACKGROUND= http://image.cafesta.com/promotion/co/041008/gx041008co_baimg03.gif width=216 height=196>
<TR><TD>
<font color=red><b>画像の上に文字を載せてみた</b></font>
</TD></TR>
</TABLE>
<TR><TD>
<font color=red><b>画像の上に文字を載せてみた</b></font>
</TD></TR>
</TABLE>
<TABLE align= center > BACKGROUND= http://image.cafesta.com/promotion/co/041008/gx041008co_baimg03.gif
width=216 height=196>
<TR><TD>
<marquee scrolldelay= 300 scrollamount= 240 width= 240 > <font
color=red><b>画像の上に文字を載せてみた</b></font>
</marquee>
</TD></TR>
</TABLE>
<TR><TD>
<marquee scrolldelay= 300 scrollamount= 240 width= 240 > <font
color=red><b>画像の上に文字を載せてみた</b></font>
</marquee>
</TD></TR>
</TABLE>
ジャンル別一覧
人気のクチコミテーマ
-
-
- 花、風景の写真を撮るカメラとレンズ
- 望遠マクロ撮影(11/3)
- (2024-11-11 14:52:31)
-
-
-
- 【楽天市場】☆☆楽天おかいどくお買い…
- 【12/1はエントリー＆まとめ買いで最…
- (2024-11-29 20:23:42)
-
-
-
- 【楽天市場】新製品の激安 価格比較…
- Có nên mua máy lọc nước ion kiềm
- (2022-12-29 13:40:56)
-
© Rakuten Group, Inc.
