このページはに更新されました
誰でも簡単!したらば掲示板カスタマイズ
トップページ
>>
誰でも簡単!したらば掲示板カスタマイズ
>>
B-1.HTMLタグ作成プログラムで簡単画像表示
B-1.HTMLタグ作成プログラムで簡単画像表示
作成プログラムで簡単に画像表示
左の画像は、インターネット上のサーバーにアップロードしたものを、<IMG src="">タグを使って表示していますが。このHTMLタグは作成がやや面倒です。それを簡単に作成してくれるのが、ここに設置している
「画像・文字リンクHTMLタグ作成プログラム」
です。
このプログラムで作成したHTMLタグをしたらば掲示板に貼り付けるだけで、誰でも簡単に画像を表示することができます。
画像・文字リンクHTMLタグ作成プログラム
・画像を表示するHTMLタグ
・リンク付き画像を表示するHTMLタグ
・リンク付き文字を表示するHTMLタグ。
以上の三種類のHTMLタグを簡単に作成することができます。連続して作成するときは、
一度ページを更新
しないと正常に動作しない場合があります。
画像/文字選択
画像の表示・リンク付きの画像の表示
・画像の表示、または、リンク付きの画像の表示をするHTMLタグを作成したい場合には、チェックを入れて画像のURLを入力してください。
・画像を表示するだけでリンクを付けない場合には、下のリンク先URL入力の
「http://」を消して
空白にしてください。
リンク付きの文字
文字にリンクをつけたHTMLタグを作成したい場合には、こちらにチェックを入れて、文字を入力してください。
リンク先URL入力
・画像や文字にリンクを付けたいときには、ここにリンク先のURLを入れてください。
・画像を表示するだけでリンクを付けない場合には、下のリンク先URL入力の
「http://」を消して
空白にしてください。
リンクの開き方
通常
新規ウインドウ
同じフレーム
ページ全体
親ウインドウ
通常:
同じウィンドウでそのリンクを開きます。
新規ウィンドウ:
新しいウィンドウでそのリンクを開きます。
それ以外は、したらば掲示板で使う場合には関係の無い設定です。
作成ボタン
HTMLソース
プレビュー
作成したHTMLタグの貼り付け方と、画像の並べ方
貼り付けの具体例
上のように、ローカルルールに作成したHTMLタグを貼り付ければ、掲示板に表示させることができます。
リンク付き文字・画像の場合も同じです。
画像を縦に並べる場合
末尾に改行の<BR>を入れて縦に並べました
上のように、画像を表示するタグの末尾に改行の<BR>タグを入れれば、画像も改行されて縦に並べることができます。
画像を横に並べる場合
一枚目の末尾は改行しない
上のように、一枚目の画像HTMLの末尾を改行せず、二枚目の末尾にだけ改行すれば、左のように、横に並べることができます。
トップページに戻る