よく使いそうなタグ

背景色を指定する

<body bgcolor="#0000ff">

背景画像を指定する

<body background="./kabegami.gif">

背景画像を固定する

<body background="./kabegami.gif" bgproperties="fixed">

body タグに追加します。タグ内に属性（プロパティ）を追加するときは半角スペースを入れます。

見出しを指定する

<h1>ようこそ</h1>

ようこそ

<h1> ～ <h6> のレベルによって大きさが変わります。<h1> がもっとも大きく <h6> がもっとも小さい見出しになります。

改行する

あいうえお<br>かきくけこ

段落をつける（<p> ～ </p> の前後に空白の行ができます）

<p>あいうえお</p>

文字を強調する

<em>あいうえお</em>

文字を強調する

<strong>あいうえお</strong>

文字を小さくする

<small>あいうえお</small>

文字を大きくする

<big>あいうえお</big>

文字を太くする

<b>あいうえお</b>

文字を斜めにする

<i>あいうえお</i>

文字のフォントを変える

<font face="ＭＳ 明朝">あいうえお</font>

指定したフォントがない場合はブラウザの標準フォントになります。

文字の色を変える

<font color="#ff0000">あいうえお</font>

<font color="red">あいうえお</font>

ここで指定しなければブラウザの基本文字色（通常は黒）になります。#RRGGBB のように 0～9, A～F (a～f) までの16進数ではなくて直接色指定することも出来ます。

文字の大きさを変える

<font color="#ff0000" size="4">あいうえお</font>

文字に下線を引く

<u>あいうえお</u>

左側に寄せる

<div align="left">あいうえお</div>

右側に寄せる

<div align="right">あいうえお</div>

中央に寄せる

<div align="center">あいうえお</div>

中央に寄せる

<center>あいうえお</center>

水平線を引く

<hr>

水平線の太さを変える（標準は size="2" です）

<hr size="5">

画面全体の 70% だけ水平線を引き、右側に寄せる

<hr width="70%" align="right">

100ピクセルだけ水平線を引き、左側に寄せる

<hr width="100" align="left">

リストを作る

<ol>
<li>あいうえお</li>
<li>かきくけこ</li>
<li>さしすせそ</li>
</ol>

→

<ul>
<li>あいうえお</li>
<li>かきくけこ</li>
<li>さしすせそ</li>
</ul>

→

数字つきのリストは <ol> ～ </ol>、黒丸は <ul> ～ </ul> として、リスト内は <li> とします。</li> は省略可能です。

説明つきリストを作る

<dl>
<dt>あいうえお</dt>
<dd>かきくけこ</dd>
</dl>

→

<dl> ～ <dl> 間に <dt>リスト名称</dt> と、<dd>リストの説明</dd> とします。</dt>, </dd> は省略可能です。