HTML

タグ

太文字

涙は心の<b>汗</b>だ!

斜体文字

涙は心の<i>汗</i>だ!

アンダーライン

涙は心の<u>汗</u>だ!

画像ファイルにリンクを貼る

「saboten.gif」というファイルにリンクを貼る場合

<img src="saboten.gif">

色をつける

<font color="blue">悪霊退散!</font>

文字サイズを変える

<font size="5">腰痛はつらいぞ!</font>

太文字、色、文字サイズの組み合わせ

<b><font size="5" color="orange">腰痛はつらいぞ!</font></b>

改行する

<br>

線を引く

<hr>

線の組み合わせ

<hr sizu="8" width="300" color="skyblue" align="center">
※width="50%"のように画面の幅に対する比率をパーセントで指定することも可能

段落を作る

  • <p>~</p> で挟まれた文章は、その文章の前後(上下)が1行空きます。
  • <div>~</div>で挟まれた文章の前後は空かないので、前の段落とくっつきます。



margin(マージン)

背景ごとに移動。背景が設定されていないタグでは見た目が変わらないので分かりにくい。

■それぞれ違う値で設定する
#bannar{
margin-top:30px;
margin-bottom:10px;
margin-right:20px;
margin-left:40px;
}

■まとめて設定する。記述した順に上、右、下、左になる。
#bannar{
margin:30px 20px 10px 40px;
}


padding(パディング)

中の文字だけ移動。横の幅の設定を確かめて、レイアウトからはみ出ない設定にする。

  • 最終更新:2011-02-25 08:25:59

このWIKIを編集するにはパスワード入力が必要です

認証パスワード