インタ−ネットサ−クルWelcome
ホ−ムペ−ジを発信しよう!タイトル

HTMLタグ一覧表


≫≫≫≫<HTML>の構成≫≫≫≫

<HTML>〜</HTML> HTMLテキストの表示命令
<TITLE>〜</TITLE> タイトル
<HEAD>〜</HEAD> ページの特徴、表示されない
<BODY>〜</BODY> ページの内容

詳しくは、HTMLタグを制覇しようを参照にしてください。

≫≫≫≫<BODY>の表示内容≫≫≫≫

BGCOLOR 背景色("#好きな色の番号")
BACKGROUND 背景模様("保存ファイル名/選んだ画像ファイル名")
TEXT テキスト文字色
LINK リンク色(未読み込み)
VLINK リンク色(読み込み済み)
ALINK リンク色(読み込み中)

背景は、「BGCOLOR」または「BACKGROUND」どちらかを選んでください。

≫≫≫≫よく使うタグ≫≫≫≫

【NO.1】

<A HREF >〜</A> リンクを貼る <A HREF="リンクを貼りたいURL">〜</A>
<!--- > コメント表示 なにかメッセ−ジがあるとき使用
(ブラウザ表示されない)
<HR > 水平線を飾る サイズ(<HR SIZE>)・長さ(<HR WIDTH>)
位置(<HR ALIGN>)の指定もできる
<BR > 改行 ようこそ<BR >
My HOME PEGEへ!
<CENTER>〜</CENTER> センタリング
∽∽∽<HR >のおもしろ裏技∽∽∽∽

SIZE="n" <HR SIZE="2">

<HR SIZE="5">

WIDTH="n | n%" <HR WIDTH="50">

<HR WIDTH="200%">

ALIGN="left | right" 右または左寄せライン設定
NOSHADE 黒線 <HR NOSHADE>
【NO.2】

<FONT >〜</FONT> フォント設定
SIZE=n | +n | -n 文字サイズ変更 n:1-7(small-big) <FONT SIZE="2" >初夏</FONT>
初夏
<FONT SIZE="6" >初夏</FONT>
初夏
COLOR=#rrggbb | colorname 色設定 colorname:Black,Maroon,Green,Olive
Navy,Purple,Teal,Gray,
Silver,Red,Lime,Yellow
Blue,Fuchsia,Aqua,White

∽∽∽<FONT >バリエ−ション∽∽∽

<B>〜</B> ボールド、太字 <B>〜</B>
こんにちわ
<I>〜</I> イタリック、斜体 <I<〜</I>
こんにちわ
<U>〜</U> アンダーバー <U>〜</U>
こんにちわ
<TT>〜</TT> 等角 <TT>〜</TT>
こんにちわ
<S>〜</S> 抹消線つき <S>〜</S>
こんにちわ
<BIG>〜</BIG> 標準より1ポイント大きく <BIG>〜</BIG>
こんにちわ
<SMALL>〜</SMALL> 標準より1ポイント小さく <SMALL>〜</SMALL>
こんにちわ
<EM>〜</EM> 強調文字 イタリック <EM>〜</EM>
こんにちわ
<STRONG>〜</STRONG> より強い強調文字 ボールド <STRONG>〜</STRONG>
こんにちわ

≫≫≫≫<IMG > イメージの表示≫≫≫≫
SRC=" イメージのファイル"
ALIGN="left | center | right" テキストを表示する位置
ALT="string" テキストブラウザ用文字列
WIDTH="n | n%" 幅 %はウィンドウサイズに対して
HEIGHT="n | n%" 高さ %はウィンドウサイズに対して
BORDER="n" 境界線を指定する n境界線の太さ

詳しくは、ホ−ムペ−ジを発信しよう!中級篇を参照してください。

≫≫≫≫ちょっとハイテクタグ≫≫≫≫


<ADDRESS>〜</ADDRESS> アドレスを書くときに使う
<CITE>〜</CITE> 引用や本のタイトル
<KBD>〜</KBD> キーボード
<VAR>〜</VAR> 変数
<CODE>〜</CODE> プログラム
<SAMP>〜</SAMP> コンピュータの状態
<SUP>〜</SUP> 上つき文字
<SUB>〜</SUB> 下つき文字
<Q>〜,</Q> 短い引用
<LANG>〜</LANG> 異国語
<AU>〜</AU> 作者
<PERSON>〜</PERSON> 作者、グループメンバ−
<ACRONYM>〜</ACRONYM> 略語
<ABBREV>〜<ABBREV> 頭文字略語
<INS>〜</INS> 挿入されたテキスト
<DEL>〜</DEL> 消去されたテキスト


≫≫≫≫リストタグ≫≫≫≫

<UL><LI >〜</UL> マーク付き列挙 改行付き <UL>タグの意味
リストの形式
<LI >タグの意味
リストの項目
</UL>タグの意味
リストの終了

<UL>
<LI >HTMLタグ
<LI>画像
<LI>MIDI
</UL>
  • HTMLタグ
  • 画像  
  • MIDI  
TYPE=disk | circle
| round | square
マークの種類 <UL TYPE="disk">
<LI>HTMLタグ
</UL>
  • HTMLタグ


<UL TYPE="circle" >
<LI> HTMLタグ
</UL>
  • HTMLタグ


<UL TYPE="round">
<LI>HTMLタグ
</UL>
  • HTMLタグ


<UL TYPE="square">
<LI> HTMLタグ
</UL>
  • HTMLタグ

<OL><LI >〜</OL> 番号付きリスト <OL><LI >〜</OL>
  1. HTMLタグ
TYPE=A | a | I | i | 1 番号の種類 <OL><LI TYPE=A>HTMLタグ</OL>
  1. HTMLタグ

<OL><LI TYPE=a>HTMLタグ</OL>
  1. HTMLタグ

<OL><LI TYPE=T>HTMLタグ</OL>
  1. HTMLタグ

<OL><LI TYPE=i>HTMLタグ</OL>
  1. HTMLタグ

<OL><LI TYPE=1>HTMLタグ</OL>
  1. HTMLタグ

TYPE属性を指定しない場合は、TYPE="1"を指定したときと同じになります。

≫≫≫≫作表(<TABLE >)≫≫≫≫

表組み
<TABLE >〜</TABLE>
ALIGN="left | center | right" 位置
BORDER="n" 枠表示、n枠線の太さ
CELLSPACING="n" n罫線の太さ
CCELLPADDING="n" n罫線とテキストとの間
WIDTH="n | n%" 横幅の指定
HEIGHT="n | n%" 縦幅の指定

∽∽∽∽<TABLE >内容∽∽∽∽


<TR >
<TD > データ
<TH > 項目名

BGCOLOR="#rrggbb" 背景色 *IE<TD>のみ
ALIGN="left | center | right" 表の位置
VALIGN="top | middle | bottom | baseline" 表中の位置
NOWRAP ブラウザに入らなくても改行しなくなる
ROWSPAN=n 縦nセルを一つとする
COLSPAN=n 横nセルを一つとする


≫≫≫≫フレ−ム≫≫≫≫
<FRAMESET>
<FRAME>
〜</FRAME>
</FRAMESET>
フレーム

<BODY>の代わりに使用

詳細

COLS="n | n%," 縦割フレーム大きさ指定
ROWS="n | n%" 横割フレーム大きさ指定

∽∽∽∽<FRAME >オプション∽∽∽∽
SRC=URL 分割表示する内容
NAME="a" ウィンドウの名前をつけておく
MARGINWIDTH=n 左右のマージン
MARGINHEIGHT=n 上下のマージン
SCROLLING="yes | no | auto" def:auto スクロールするか否か
NORESIZE リサイズさせない

フレ−ムを使ったペ−ジ
<FRAMESET COLS="30%,70%" SCROLLING="auto" BORDER=0>を
参照にしてください。

フレ−ムは、やや高度な知識が必要になってきます。

<MARQUEE>〜</MARQUEE> スクロールする文字列

詳しくは、ホ−ムペ−ジを発信しよう!中級篇を参照してください。


超上級編(クリッカブルマップ)HTMLタグを制覇しよう!
音を奏でるHPを作ろう。HTMLタグ一覧表
上級編(デジカメ活用)ついに発信!FTP
中級篇(画像&スクロ−ル)


トップペ−ジ