このページはに更新されました

誰でも簡単!したらば掲示板カスタマイズ

トップページ>>誰でも簡単!したらば掲示板カスタマイズ>>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の末尾を改行せず、二枚目の末尾にだけ改行すれば、左のように、横に並べることができます。

トップページに戻る