紫式部の部屋

紫式部の部屋

日記に使えるタグ

プログはHTMLの知識がなくても誰にでも書けるようになっていますが
ほんの少しだけでもHTMLの知識があると、一度書いた物を修正したり、書き換えたりなど、色々応用ができて便利です。
プログで使えそうな簡単なHTMLを少しご紹介しておきます。

HTMLというのは、HyperText Markup Language(ハイパーテキストマークアップ言語)
簡単に言うとホームページを書くための言葉です。


プログでは、下記のようなタグが使えます!↓↓↓↓↓↓↓↓↓↓


(「題名」・「コメント」欄ではタグは使えません。) HTMLタグ利用可能エデェッタ利用のみです。




こんな風に表示したいとき

こうしてください(タグの書き方)
普通の文字です!
普通の文字です!
大きな文字で おはよう!!

(文字サイズ1) おはよう!!
(文字サイズ2) おはよう!!
(文字サイズ3) おはよう!!
(文字サイズ4) おはよう!!
(文字サイズ5) おはよう!!
(文字サイズ6) おはよう!!
(文字サイズ7) おはよう!!

大きな文字で<font size=6>おはよう!!</font>

(文字サイズ1)<font size=1>おはよう!!</font>
(文字サイズ2)<font size=2>おはよう!!</font>
(文字サイズ3)<font size=3>おはよう!!</font>
(文字サイズ4)<font size=4>おはよう!!</font>
(文字サイズ5)<font size=5>おはよう!!</font>
(文字サイズ6)<font size=6>おはよう!!</font>
(文字サイズ7)<font size=7>おはよう!!</font>

[標準サイズは3で、数字が大きいと文字も大きくなります]

色付き文字
色付き文字
<font color=blue>色付き文字</font>
<font color=#ff00ff>色付き文字</font>

その他の 色見本はこちら

色と大きさを同時に変更。
緑色の大きな文字!
色と大きさを同時に変更。
<font size=5 color=green>
緑色の大きな文字</font>
太い字 斜めの字
そして 太い斜体文字
<b>太い字</b>と<i>斜めの字</i>。
そして<b><i>太い斜体文字</i></b>
この次の行を
改行
この次の行を<br>改行

[<br>を使わず通常はEnterキーでOKです]
色々組み合わせ
<b><i><font size=5 color=red>色々組み合わせ</font></i></b>
発言を このように訂正 左のように訂正
発言を<s>このように訂正</s>左のように訂正
アンダーラインで強調 してみる?
<u>アンダーラインで強調</u>してみる?
僕の使っている掲示板のページです。 ここ をクリック!
遊びに来てね!

僕の使っている掲示板のページです。
<a href="http://www.teacup.com/fbbs/">ここ</a>をクリック!
遊びに来てね!

1画像表示は、こんな風に!


1画像表示は、こんな風に!
<img src="http://www.teacup.com/common/img/ja/menu_paso.gif">


「.gif」「.jpg」「.png」 の3種類の画像ファイルが貼れます。
 画像貼付は、掲示板管理者が管理画面「機能の設定」の
「画像の貼付」を「許可する」に設定しておく必要があります。
「許可する」設定にしていると、タグを使わず画像をアップロードする事も出来ます。

<TD>&nbsp;<A href=" http://tcup7013.tripod.co.jp/murasakisikivu/bbs " target=_top><IMG height=87 alt=BBSです どうぞ いらっしゃいませ src=" http://members.tripod.co.jp/murasakisikivu/b_bbs.gif " width=182></A><A href=" http://www2.bbss.tv/cgi-bin/bbs12/tinies.cgi?room=murasaki " target=_top></A></TD>

画像をクリックしてジャンプ!

回りのボーダー線を消すことも出来ます。

画像をクリックしてジャンプ!
<a href=" http://tcup7013.tripod.co.jp/murasakisikivu/bbs ">
<img src=" http://members.tripod.co.jp/murasakisikivu/b_bbs.gif ">
</a>



回りのボーダー線を消すことも出来ます。
<a href=" http://tcup7013.tripod.co.jp/murasakisikivu/bbs ">
<img src=" http://members.tripod.co.jp/murasakisikivu/b_bbs.gif " border="0" >
</a>




マウスを画像の上に置くと コメントがでます。


<TD>&nbsp;<A href=" http://tcup7013.tripod.co.jp/murasakisikivu/bbs " target=_top><IMG height=87 alt=BBSです どうぞ いらっしゃいませ src=" http://members.tripod.co.jp/murasakisikivu/b_bbs.gif " BBSです



自動改行しないように長~く表示!
<pre>自動改行しないように長~く表示!</pre>

※注意:文字で作った横に長い表や画像イメージなどを崩したくない場合のみに使ってください。

もう一歩進んで!




こんな風に表示したいとき

こうしてください(タグの書き方)

文字を中央に配置
<center>文字を中央に配置</center>

Hを使ってタイトル表示



H1を使ってタイトル表示



H2を使ってタイトル表示



H3を使ってタイトル表示



H4を使ってタイトル表示



H5を使ってタイトル表示


H6を使ってタイトル表示
<H2>Hを使ってタイトル表示</H2>

[数字(上記では2)は1~6。小さな数字が大きな文字になります]

<H1>H1を使ってタイトル表示</H1>
<H2>H2を使ってタイトル表示</H2>
<H3>H3を使ってタイトル表示</H3>
<H4>H4を使ってタイトル表示</H4>
<H5>H5を使ってタイトル表示</H5>
<H6>H6を使ってタイトル表示</H6>



© Rakuten Group, Inc.
X
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: