1つ1つ丁寧にウェブサイトの作り方を教えます。

いろんなタグを使おう

HTMLタグの一覧表

機能タグ表示
画像挿入<img src="パス" alt="代替テキスト">
リンク挿入<a href="パス" title="テキスト">
太字<strong>サンプル</strong> サンプル
<b>サンプル</b>
斜体<i>ABC</i> ABC
下線<u>サンプル</u> サンプル
マーカー線<mark>サンプル</mark> サンプル
改行<br>
段落<p>サンプル</p>

サンプル

コメント<!-- コメント -->
箇条書き(序列なし)<ul>
<li>ABC
<li>DEF
</ul>
  • ABC
  • DEF
箇条書き(序列あり)<ol>
<li>ABC
<li>DEF
</ol>
  1. ABC
  2. DEF
用語と説明<dl>
<dt>用語</dt>
<dd>説明</dd>
</dl>
用語
説明
ボックス<div>サンプル</div>
※背景色を加えています。
サンプル

CSSプロパティーの一覧表

機能プロパティー表示
テキスト色color:色;
使用したい色は、こちらのサイト("HTML Color Codes")をご参照ください。
テキストサイズfont-size:サイズ;
太字・細字font-weight:フォントの太さ;
普通  font-weight:normal;
太字  font-weight:bold;
太字+ font-weight:bolder;
細字  font-weight:lighter;
テキスト線text-decoration:線を引く位置;
なし text-decoration:none;
下線 text-decoration:underline;
字消 text-decoration:line-through;
上線 text-decoration:over-line;
行間line-height:行の高さ;
行揃え text-align:行揃え;
左側揃え text-align:left;
中央揃え text-align:center;
右側揃え text-align:right;
両端揃え text-align:justify;
  1. 準備中
  2. 準備中
inserted by FC2 system