代表的なタグの種類(すべて半角に直す)
<br> 改行 ※<br />と記入することが推奨されています。
<hr> 罫線 ※<hr />と記入することが推奨されています。
<center></center> 中央揃え
<p></p> 段落
<font></font> 文字の色や大きさ
<b></b> 強調
<strong></strong> 強調
※表示上は<b>と違いが有りませんが、「重要」という意味を含む。
<small></small> 一段階小さい文字
<i></i> 斜体(イタリック)
<s></s> 取り消し線
<u></u>アンダーライン
<table></table> テーブル(表)の開始と終了
<tr></tr> テーブルの行グループ
<td></td> テーブルのセル ※連続して書くと列が増えます
<img src="~"> 画像を表示
<a href="~"></a> リンクの指定
<font></font> 文字の色と大きさを指定
-・-・-・-・-・-・-・-・-
☆ 文字や写真を中央に揃える
前後に <center>・・・</center> をつける
☆色を変える → 緑 赤
<FONT color=" red "> 文 字 </font>
・色名 red を 好きな色名にする
☆大きさを変える→緑 赤
<font size=" 3 ">文 字 </font>
・上の数字 3 を 変える
☆大きさと色を変える (数字と色名を変える)
<font size="5"><FONT color="red">大きさと色を変える</FONT></font>
(色)
white black gray blue cyan green lime khaki
yellow orange brown red pink purple violet Aqua
☆相手の日記にリンクする時
<a href="http://www.yahoo.co.jp/">Yahoo!</a>
""内にリンク先を入れる ↑ここをリンク先の名前に変える。
☆赤で文字を3の大きさにする時
<a href="http://www.yahoo.co.jp/"><font size="3"><FONT color="red">文字</FONT></font></a>
太字
<B>太字にしたい文字</B>
<img src="画像URL" style="filter: alpha(style=3)">
styleの数字は1~3までその数字によって ぼかし方が違ってくる
画像の横に日記を書く場合
<img src="画像のURL" align="left">
*<>は半角で。
<IMG src="画像ファイルのURL" width="幅" height="高さ" border="枠の太さ">
<IMG src="画像" border="20">
<は半角にする
枠をつけない時は0にする
枠
<P style="border-style:double;border-color:lightblue;>
ここに文章を入れます
</P>
P=段落の始め
style=どんなスタイル
border-style=枠線があるスタイル
double=二重線
border-color=線の色
lightblue=明るい青色
</P>=段落の終り
壁紙つき日記
<P style="background: URL(http://...gif)">
ここに日記の文章を書きましょう!
</P>
日記の右下にだけ壁紙
<P style="background: URL(http://xxx); background-position:○% ○%; background-repeat:no-repeat;">日記の文章</P>
「○% ○%」のところは、自分が表示させたいところによって↓みたいに書き換え
・100% 100%⇒画面の右下隅
・0% 0%⇒画面左上隅
・0% 100%⇒画面左下隅
・100% 0%⇒画面右上隅
背景に色を付ける+周りにわくを付ける
<P style="background-color:#FFFFCC; border-style:double; border-color:#orange; padding-left:50px; padding-top:50px; padding-bottom:50px; padding-right:50px">日記の文章</P>
・background-color : 背景色の設定。#FFFFCCは色の設定
・border-style : 枠線のスタイル。doubleは二重線のこと
・border-color : 枠線の色の設定。
・padding-left, top, bottom, right :
枠と文章の間の空間を空ける 設定。上下左右を別々に設定できる。
<table bgcolor="#FFFFFF" style="FILTER:ALPHA(OPACITY=75,style=0)">
・テーブルタグの中に style="FILTER:ALPHA(OPACITY=75,style=0)" を入れる。
・OPACITY=75 の75の増減で透明度が調節できます。
・背景色の bgcolor="#FFFFFF" はお好きな色に。
・・・ ・・・ スライドさせる時 ・・・ ・・・
前後に <MARQUEE DIRECTION="right" width="256" height="192"
scrollAmount="20"> 写真のタグ</MARQUEE> をつけます