HTMLタグ一覧表 

ホームページ作成に必要なのがHTMLタグです。ここでは、HTMLタグがすぐに探せるよう、一覧表にしてみました。

  
HTMLタグ一覧表
● テキスト・文字 ● ページの表示・配置
見出し
段落
改行
強調
上付き・下付き文字
取り消し線
テキストのスクロール
縦書き
フリガナを付ける
下線
文字色を変える
文字サイズを指定する
文字を太字にする
文字を斜体にする
ページと文字色の指定
罫線を表示させる
見出しや段落の位置指定
● 画像
画像を表示させる
画像に枠を表示させる
画像の隣の文字の位置を指定する
画像にテキストを回り込ませる
画像の回りこみを解除する
● リンク ● リスト

リンクを設定する
画像にリンクを設定する
別のウインドウにリンク先を表示するには   

箇条書きリスト
番号付きリスト
リスト番号の種類を変更する
● 表組  
表を作成する
表の位置を指定する
 
HTMLタグ一覧 | トラックバック(-) | CM(0)

見出し 

見出しタグは、<h1>〜</h1>で表します。

見出しのフォントは1から6まであり、1が一番大きいフォントで6が一番小さいフォントになります。 見出しの表示はこのようになります。

HTMLタグ
<h1>見出しフォント</h1>
<h2>見出しフォント</h2>
<h3>見出しフォント</h3>
<h4>見出しフォント</h4>
<h5>見出しフォント</h5>
<h6>見出しフォント</h6>

IE 表示

見出しフォント

見出しフォント

見出しフォント

見出しフォント

見出しフォント
見出しフォント
WEBサイト作成ランキング
HTMLタグ一覧 | トラックバック(-) | CM(0)

段落 

段落のタグは、<p>〜</p>や<div>〜</div>で表します
ひとかたまりの段落になり、<p>〜</p>で囲まれた前後の文字は一行空白が入り、改行されます。
ひとかたまりの段落になり、<div>〜</div>で囲まれた前後の文字は改行されます。

HTMLタグ
前<p>段落タグ</p>後

IE 表示

段落タグ


HTMLタグ
前<div>段落タグ</div>後

IE 表示

段落タグ


WEBサイト作成ランキング
HTMLタグ一覧 | トラックバック(-) | CM(0)

縦書き 

文字を縦書きにするには、<p style="writing-mode:tb-rl;">〜</p>タグを使用します。

HTMLタグ
<p style="writing-mode:tb-rl;">文字を縦書きにするタグです。<br>右から左へ表示されます。</p>

IE 表示

文字を縦書きにするタグです。
右から左へ表示されます。

WEBサイト作成ランキング

HTMLタグ一覧 | トラックバック(-) | CM(0)

フリガナを付ける 

文字にフリガナを付けるには<ruby>〜<rt>〜</rt>〜</ruby>タグを使用します。
<ruby>〜<rt>の間に漢字を入れ、<rt>〜</rt>の間にフリガナをいれます。

HTMLタグ
ホームページ<ruby>簡単作成<rt>かんたんさくせい</rt></ruby>

IE 表示
ホームページ簡単作成かんたんさくせい

HTMLタグ一覧 | トラックバック(-) | CM(0)