ＨＴＭＬファイル上で画像に文字を乗せる

☆htmlタグ見本の使い方☆

マウスを左クリックしながらなぞり、色を反転させ、右クリック「コピー」を選択。
↓
メモ帳などｈｔｍｌタグを編集できるものに右クリック「張り付け」します。
ビルダーなどのときは、「htmlソース」の編集画面にて張り付けます。
↓
『画像名』『画像の縦横サイズ』『画像サイズと同じにテーブルの縦横サイズ』
『文字の部分』などをお好みで直してできあがりです。


☆基　本☆

画像と同じサイズのテーブル（表）を作り、余白などを『０』（無し）で指定します。
写真のサイズが192x142ピクセルだったら、
<TABLE width="192" height="142" cellpadding="0" cellspacing="0" border="0">
枠線を入れたいときは、border="1"　などborderの数字を変えます。

〜サンプルタグは文字にリンクを張るタグは省略してます〜

*写真を使って入り口を作る場合（文字中央）*

*テーブルの枠腺を無し（"０"設定）にしたい場合（文字中央）*

*テーブルの枠腺を無しで文字を右下に寄せたい場合*

少し文字を上に上げたい時は
文字の後ろに改行タグ<BR>を２個以上入れます
枠線を入れたい時は『border="0"』→『border="1"』に変更する

*バナー素材を使ってサイト内のリンクボタンを作ることもできます*

*テキスト文字文字ではなく画像文字にする*

説明用に作りましたが『ＥＮＴＥＲ』の画像も使っていいですよ。

背景透過処理済。69ｘ15pix (1.1kb)

文字にリンクを張るタグは省略してます。

画像をｈｔｍｌファイルと別のフォルダにある場合は、
そのフォルダ名も記述します『フォルダ名/画像名』
例：imgという名前のフォルダに画像を入れている場合『img/dphoto12.jpg』
わからないよぉ〜という人は、ｈｔｍｌファイルと画像を同じフォルダに入れましょう。



>>Material MENU