|
この掲示板ではタグの利用が出来ますので、画像表示に限らず、
音楽を鳴らすようにしたり、表示させた画像にリンクをつけたり、
文字色や文字の大きさを変えることなど簡単に出来ます。
タグを上手に使うと大変楽しい掲示板にすることが出来ますので
ここに一般的な利用法を掲載しておきますのでご利用下さい。
*赤文字で表記されているタグは見やすくするため太文字で表示
されていますが標準文字(英数小文字)で記入してくださいね。 |
1.文字色の設定 |
|
文字色は黒字の基本設定ですが、どなたも好きな色に変えることが出来ます。
使用するタグは <font color="#xxxxxx">○○○○</font>
○○○○ に入力した文字が #xxxxxx に下記色番号を入れた色で表示されます。英語のカラーコードも有効ですが中間色は上手く出ません。 |
色
番号 |
赤 |
青 |
緑 |
茶 |
紺 |
紫 |
ゴールド |
グレー |
#ff0000 |
#0000cc |
#009900 |
#660000 |
#0000a0 |
#800040 |
#999900 |
#666666 |
red |
blue |
green |
maroon |
navy |
purple |
gold |
gray |
|
2.文字の大きさ |
|
文字の大きさは 1~6 で 2~3 が 標準です。 4、5、6 と大きくなります。
使用タグは <font size="x">○ ○ ○</font>
○ ○ ○に記入した文字が x で指定した文字サイズに変化します。 |
サイズ |
1 小 |
2 普通 |
3 少し大きめ |
4 かなり大きめ |
5 大 |
6 特大 |
|
3.文字の装飾 |
|
その他の文字装飾については太文字、斜め文字、アンダーラインがあります。
それぞれ ○ ○ ○ に記入した文字が変化します。 |
タグ |
太文字 <B>○ ○ ○</B> |
斜体 <I>○ ○ ○</I> |
アンダーライン <U.>○ ○ ○</U> |
|
|
|
|
|
全部使用した場合の例(大き目の文字で緑色文字太字斜体で下線付きで表示する場合のタグ使用例)
<B><I><U><font size="4" color="#ff0000">こんな表示になりますよ </font></U></I></B>
|
4. 画像・音楽などをリンクで案内する場合(クリックすると表示されます) |
タグ |
<A href="URL">○ ○ ○</A>
○ ○ ○をクリックするとURL(http://xxxx)にあるページや写真を表示したり、ラジオのURLを記入すればラジオを起動させ受信が始まるようにすることが出来ます。
新しいウインドー(別窓)で表示させたい場合は
<A href="URL" Target="_blank">○ ○ ○</A> となります。
(ここで言うURLとはネット上に存在する全てのファイル(画像・音楽・映像・ページなど)にはアドレスがあり、当該する画像などの上で右クリックしてプロパティーを開くとアドレスが載せてあります。
このアドレスを指定すれば掲示板などへ表示したり、音楽を聞かせることが出来ます。) |
|
5. 外のページにある画像をここへ表示する場合(アクセスカウンターも同じ原理の利用になります) |
タグ |
<Img src="URL">
URLに存在する画像などをタグを入れた場所へ表示します。表示するサイズを指定したい場合は
<Img src="URL" width="ピクセル数" height="ピクセル数"> とします。
画像は枠の中へ表示されますが、枠を消したい時は border="0" 太線の枠にしたときは border="2" 更に枠に色を付けたい時は bordercolor="red” 等と書きます。
|
|
6. 4.と5.を組み合わせると 外のページにある画像をここへ表示させ、
さらにその画像にリンクを組み込むことが可能になります。 |
タグ |
<A href="URL01"><Img src="URL02"></A>
URL02に存在するバナーやロゴもしくは画像などを○ ○ ○の代わりに表示させ、
それをクリックすることで次の目標URL01
へ移動することが出来ます。
次の目標を別窓で表示したい場合は
<A href="URL01" Target="_blank"><Img src="URL02"></A>
と なります。
実用例
<A href="https://youtu.be/UCMIScGx2WA" Target="_blank"><Img src="http://mandom.daa.jp/hawaii/thumb/wikiki_thumb.jpg" border="0"></A>
以上にて次の画像が表示され、クリックするとYouTubeにアップした動画が始まります。
|
7. マーキー(表示させた画像や文字を動かしたり流れるようにする) |
タグ |
<MARQUEE scrollamount="2" width="300"><A href="https://youtu.be/UCMIScGx2WA" target="_blank"><Img src="http://mandom.daa.jp/hawaii/thumb/wikiki_thumb.jpg" border="0"></A></MARQUEE>
これで上記のハワイの画像が 右から左へ300ピクセルの幅で流れるように繰り返し表示され、勿論クリックすれば動画が見れるようになります。scrollamountの数値は流れるスピードです。1が遅く2がやや遅く3が比較的早く、無しが最も早いことになります。
下から上への移動は direction="UP" と 動かす高さを入力します。 1行の高さは12ほどですので height="50" と規定すれば5行分ほどの高さで下から上へと繰り返し移動します。高さを小さくすれば 電光掲示板のように窓の中の文字が次々と入れ替わることになります。 |
8. アイフレーム(ぺーじの中へ囲いをつくり、インターネット上にあるページを表示させる) |
タグ |
YouTubeの動画やMSNの地図を静止画像としてではなく、ネットの画面をそのまま移動してくることができます。
<iframe src="URLxx" height="zzzz" width="xxxx">
URLxxが覗き見るネットのアドレス、 height は 覗き穴の高さ width は窓の幅です。
記事の部分へ表示させるので、画面の大きさは 幅が600程度、高さは450位が適正でしょう。
地図やYoutube では 共有をクリックすると埋め込みタグが表示されるのでコピーして張り付けるだけですが、同じように アイフレームを利用しています。 |
9. 指定する部分に背景色を付ける |
|
<div style="background-color:#色番号;"> 〇 〇 〇 </div>
タグに挟まれた 〇 〇 〇 の部分へ背景色を加えることが出来ます。濃い色の背景色に白や黄色など明るい色の文字を使う場合に有効。
|
|
その他たくさんのタグがありますのでインターネットなどで検索して使ってみてください。面白いですよ。 |