KaptamasLand >初めて作るホームページ構築計画のTopへ

 

うろ覚えHTMLタグ辞典

〜あれー、あのタグなんだったっけ? そんな時のタグ辞典〜

 
通常、WYSIWYGなソフトでホームページを作っていて、いざタグを打つ機会に遭遇すると、なかなかタグを思い出せない時があるのではないかと思います。特にここジオシティーズのアドバンスドHTMLエディタなどで出先からちょっとしたメンテをしたい時など、あちこちのホームページを参照してタグを思い出したりしているのではないでしょうか。そんな時の為のHTMLタグ辞典を作ってみました(ほとんど自分用ですが^^;)。タイトルの示す通り、ある程度そのタグについて知識があることを前提としていますので、詳細な説明は省いてあります。
 
ドキュメントタイプ宣言 コメント 構造タグ ドキュメント情報  
文字表示 水平線 改行 イメージ表示 リンク
 

ドキュメントタイプ宣言
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> HTML3.2記述宣言  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> HTML4.0記述宣言  
 

コメント
<!-- --> コメント  
 

構造タグ
<HTML> </HTML>    
<HEAD> </HEAD>    
<BODY [オプション]> </BODY>    
BGCOLOR="[#RRGGBB]" 背景色  
TEXT="[#RRGGBB]" 標準テキスト色  
LINK="[#RRGGBB]" リンク色  
ALINK="[#RRGGBB]" アクティブリンク色  
VLINK="[#RRGGBB]" 既に表示済みのリンク色  
BACKGROUND="[イメージファイル名]" 背景にイメージを指定  
BGPROPERTIE拡張S=FIXED 背景を固定 IE拡張
LEFTMARGIN="[ピクセル数]" ページ左側にマージン設定 IE拡張
TOPMARGIN="[ピクセル数]" ページ上側にマージン設定 IE拡張
 

ドキュメント情報 <HEAD>〜</HEAD>内
<TITLE> </TITLE> タイトル  
<BASE HREF="[絶対パスurl]"> 基準url  
<META HTTP-EQUIV="[項目1]" CONTENT="[項目2]">    
[項目1] [項目2]    
keywords キーワード 検索エンジン用
キーワード
 
description コメント 検索エンジン用
表示コメント
 
refresh リロードするまでの時間(秒) リロード  
refresh ロードするまでの時間(秒);URL=[url] 指定urlをロード  

文字表示
<FONT [オプション]> </FRONT> テキスト  
COLOR="[#RRGGBB | 色名]" 色指定  
FACE="[フォント名]" フォント指定  
 
<H[1-6]> </H[1-6]> 見出し文字サイズ  
<FONT SIZE="[1-7]"> </FONT> 文字サイズ  
 
<BASEFONT SIZE=[1-7]> 相対文字サイズ(ベース)  
<FONT SIZE=[+1-7 | -1-7]> 相対文字サイズ  
 
<BLINK> </BLINK> 点滅 NN拡張
 
<B> </B> 太字  
<I> </I> 斜体  
<S> </S> 抹消線  
<TT> </TT> 等幅フォント  
<U> </U> 下線  
 
<SUP> </SUP> 上付文字  
<SUB> </SUB> 下付文字  
 
<BIG> </BIG> 大きめ文字  
<SMALL> </SMALL> 小さめ文字  
 
<EM> </EM> 強調  
<STRONG> </STRONG> 強い強調  
 
&キーワード 禁則文字表示  
&アスキーコード 禁則文字表示  
 
<H[1-6] ALIGN="[left | right | center]"> </H[1-6]> 文字の大きさと横位置指定  
<DIV ALIGN="[left | right | center]"> </DIV> テキスト横位置  
<CENTER> </CENTER> センタリング  
<PRE> </PRE> そのまま表示  
 
<MARQUEE [オプション]> </MARQUEE> スクロール文字 IE拡張
ALIGN=[TOP | MIDDLE | BOTTOM] 位置  
HEIGHT=[ピクセル数 | %] サイズ  
WIDTH=[ピクセル数 | %] サイズ  
HSPACE=[ピクセル数] 余白  
VSPACE=[ピクセル数] 余白  
BEHAVIOR=[SCROLL | SLIDE | ALTERNATE] 動き  
DIRECTION=[LEFT | RIGHT] 方向  
LOOP=[回数 | -1 | INFINITE] 表示回数  
SCROLLDERAY=[秒数] 再表示までの秒数  
SCROLLAMOUNT=[ピクセル数] 再表示までのピクセル数  
BGCOLOR=[#RRGGBB | 色名] 背景色  
 

水平線
<HR [オプション]> 横罫線  
SIZE="[ピクセル数]" 線の太さ  
WIDTH="[ピクセル数 | %]" 線の長さ  
ALIGN="[left | right | center]" 横位置  
NOSHADE 影なし  
COLOR=[#RRGGBB | 色名] 色指定 IE拡張
 

改行
<BR> 改行  
 
<P> 段落  
<P [オプション]> </P> 段落  
ALIGN="[left | right | center]" テキスト横位置  
 
<NOBR> </NOBR> 改行しない  
<WBR> ここで改行してもよい  
 

イメージ表示
<IMG SRC="[イメージファイル名]" [オプション]> イメージ表示  
LOWSRC="[イメージファイル名]" 二段階イメージ NN拡張
WIDTH="[ピクセル数 | %]" 表示サイズ横  
HEIGHT="[ピクセル数 | %]" 表示サイズ縦  
BORDER="[ピクセル数]" 境界線の太さ  
ALIGN=[TOP | MIDDLE | BOTTOM | TEXTTOP | ABSMIDDLE | ABSBOTTOM | BASELINE] テキストの位置  
ALIGN=[LEFT | RIGHT] テキスト(複数行)の位置  
VSPACE="[ピクセル数]" 上下の余白  
HSPACE="[ピクセル数]" 左右の余白  
ALT="[コメント]" イメージ表示のない場合  
 
<BR [CLEAR | CLEAR="ALL" | CLEAR="LEFT" | CLEAR="RIGHT" ] テキストをイメージの下へ  
 

リンク
<A HREF="[url]"> </A> リンク  
 
<A HREF="#[ジャンプ先]"> </A> ジャンプ
(同一ページ)
 
<A HREF="[url]#[ジャンプ先]"> </A> ジャンプ
(他ページ)
 
<A NAME="[ジャンプ先]"> </A> ジャンプ先  
 
<A HREF="mailto:[メールアドレス]"> </A> メール発信  
 

 

 

KaptamasLand.
E-mail:
kaptamas@geocitIE拡張s.co.jp