こたろう日記

こたろう日記

お勉強






代表的なタグの種類(すべて半角に直す)

<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> をつけます







青☆


青☆










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