GOS Headline
 現在位置 → [ TOP / CGI / タグ一覧 ]


基本タグ
<HTML>〜</HTML>
このタグはこの文がHTML文です。ということを認識させます。
最初に<HTML>を入れてください。入れないと認識されません最後に</HTML>でとじてください。

<HEAD>〜</HEAD>
このタグは作成日や製作者の名前等の表記するタグです。
この<HEAD>と</HEAD>に挟まれた文字は、画面には表示されません。

<TITLE>〜</TITLE>
このタグは<HEAD>の次につけるタグでこれにタイトルを書いて
挟んでください。ブラウザのタイトルバー(画面のメニューバーのうえ)間に書いたタイトル名がに表示されます。
また、ブックマーク等をされた場合ここの名前で登録されます。
<BODY>〜</BODY>
HTMLの書式を決めます。

<BODY>タグでくくった中のHTML文は指定した書式に基づき表示されます。
</BODY>は</HTML>の前につけて、文の最後に書くのが一般的です。
ここでは背景や標準文字の色、リンク文字の色、リンク済み文字の色などの環境を定義するタグでもあります。

パラメータ

    BGCOLOR=******
    このタグは背景の色を<BODY>タグで指定します。RRGGBBのところには0〜Fまで二つならべて書きます。(例)"#AADD88"
    また、英語表記で black 、white、red、blue、green、pink、yellow等としても指定可能です。私はどちらかと言うと#RRGGBBタイプで指定するよりも 英語表記のほうで書いてます。こちらで書くとイメージが直ぐ分かりますしね・・・
    R=赤 G=緑 B=青を表しています。
    BACKGROUND=*.*
    背景にする画像を定義します。相対パスで定義するので注意して下さい。
    例えば meinという階層のしたにjpgと言うのがありそこの画像を指定した場合は、BACKGROUND=main/jpg/*.* と指定します。または../jpg/*.*でも可かな?
    TEXT=#RRGGBB
    標準で使う文字の色を指定します。指定の仕方は BGCOLOR と同じです。
    LINK=#RRGGBB
    リンクを指定した場合に使用する文字色を指定します
    VLINK=#RRGGBB
    リンク済みのタグを指定します。
<ADDRESS>〜</ADDRESS>
このタグはHTMLの最後につけます。
作者名やメールアドレスを書いて使用するのですが殆ど使用しないです。
<!--コメント-->
これはコメントを記入できるタグです。
ほかのプログラム言語等と同じ用に何を意味しているのか分からなくならないように記述しておくのです。勿論、画面には表示されませんよ

<FONT>〜</FONT>
文字の色や大きさを変えます他のと同じくに#0〜Fまでいれてください。
文字色の例

パラメータ

    COLOR="#RRGGBB"
    これが赤です    <FONT COLOR=red>これが赤です</FONT>
    これが青です    <FONT COLOR=blue>これが青です</FONT>
    これが黄です    <FONT COLOR=yellow>これが黄です</FONT>
    SIZE=*
    *の部分は1〜7迄指定出来ます。数字が小さい程、文字が小さくなります。以下に例を表記しておきます。このタグは絶対に閉じて下さい。閉じないと大変なことになりますよ

    これがサイズ1です
    これがサイズ2です
    これがサイズ3です
    これがサイズ4です
    これがサイズ5です
    これがサイズ6です
    これがサイズ7です

    又、4を基準に+1、−1といった様な指定も可能。

<FONT FACE=*>〜</FONT>
文字フォントの変更 例)<FONT FACE="MS ゴシック">〜</FONT>

<BASEFONT SIZE=*>
基本フォントサイズの変更

<BR>
改行です。ホームページでの改行は全て<BR>を使います
文字の次の行からお返します。また画面のはじっこ迄行った場合は、自動で改行されます。

<A HREF=>
HPを作る上で最も書かせない リンクタグです。
リンクしたいファイル名を絶対パスで指定
他の人のページをリンクする時は http://www 〜 等とURLの初めから指定します。
例) <A HREF="http://gamers-online.net">ここに文字</A> とします。

    また、画像を使ってリンクを貼る場合は下の様なタグを入れます。
    <A HREF="http://gamers-online.net"><IMG SRC="画像のある場所を指定"></A>
文字に変化をつけるタグ
<H1>〜</H1>
文字を見出しとして扱います。
単純に指定した文字の大きさを変更でると思って貰えればいいと思います。
1〜7の指定出来るサイズはそれぞれFONT SIZEとは逆なので注意。

<BIG>〜</BIG>
標準サイズより 1フォント分大きく表示できます。
つまり 標準サイズが4だったら 5で表示されるわけです。

<SMALL>〜<SMALL>
上にBIGと同様で 1フォント分小さくします。

<SUB>〜</SUB>
下付添字にする。 こうなる

<SUP>〜</SUP>
上付添字にする。 こうなる

<S>〜</S>
取り消し線引く。 こうなる

<U>〜</U>
アンダーラインを引く。 こうなる

<BLINK>〜</BLINK>
文字を点滅させる。  こうなる(IE 不可)

<B>〜</B>
文字を太文字にする  こうなる

<I>〜</I>
文字を斜体(イタリック)にする。  こうなる

<TT>〜</TT>
フォントを等幅(タイプライタ)で表示する。  こうなる

羅線を引くタグ
<HR>
罫線を引く

パラメータ

    SIZE=*
    *に入れた太さに大きさが変わる。
    WIDTH=**%
    **に入れたサイズで横幅の長さが変わる。ピクセル単位でも指定可
    ALIGN="***" ***にLEFT CENTER RIGHT を入れると表示位置を揃えて表示される
リストタグ
<UL>〜</UL>
マーク付きリスト  (間に<LI>を記述)

<OL>〜</OL>
番号付きリスト  (間に<LI>を記述)

    START= 開始番号を指定

<LI>
リストの項目 (<UL>〜</UL> 又は <OL>〜</OL> の間に記述)

    TYPE=
    マークタイプの指定(<UL>〜</UL>の場合) disc/square を指定可能
    (<OL>〜</OL>の場合) A/a/I/i/1 を指定可能

    VALUE=
    番号変更 (<OL>〜</OL>の場合) 数字の変更が可能
<DL></DL>
定義リスト (間に <DT></DD> を記述)

    COMPACT
    定義リスト (改行なし)

<DT>
定義 (<DL>〜</DL> の間に記述)

<DD>
意味 (<DL>〜</DL> の間に記述)

文字の表示位置
<DIV></DIV>
表示位置の指定  ALGIN="LEFT/CENTER/RIGHT"

整形済みテキスト
<PRE></PRE>
記入した通りに表示される。 スペース等も反映される

センタリング
<CENTER></CENTER>
タグで囲んだ中の 文字、画像等全てを中央にそろえる。

テーブルタグ
<TABLE></TABLE>
表組の表示 (間に <TR> <TH> <TD> を記述)
    BORDER
    枠線の太さ ピクセル数 0を指定すると透明になる(表示されない)
    WIDTH
    横幅指定  ピクセル数、又はブラウザに対する横幅を%で指定
    HEIGHT
    縦幅指定  ピクセル数、又はブラウザに対する横幅を%で指定
    CELLSPACING
    セル間罫線の太さ  ピクセル数
    CELLPADDING
    データとセル間罫線の太さ  ピクセル数
    BGCOLOR
    セル内の背景色の指定  #RRGGBB/色名 で指定
<TR>
行の定義 (<TABLE>〜</TABLE>間に定義)
    ALIGN
    行にあるデータの表示位置を指定  left/center/right(左右)
    VALIGN
    行にあるデータの表示位置を指定  top/middle/bottom(上下)
    BGCOLOR
    行にあるセル内の背景色を指定  #RRGGBB/色名 で指定
    <TH>,<TD>
    見出し、データ 共に指定は同じ
    <TH> は太文字で表示されセンタリングされる (表示位置の変更可能)
    <TD> は標準で表示され左寄せで表示される  (表示位置の変更可能)
    ROWSPAN
    縦にまたがるセル  またがるセル数を指定
    COLSPAN
    横にまたがるセル  またがるセル数を指定
    ALIGN
    データの表示位置指定   left/center/right(左右)
    VALIGN
    行にあるデータの表示位置を指定  top/middle/bottom(上下)
    NOWRAP
    そのセル内の改行禁止
    BGCOLOR
    そのセル内の背景色を指定  #RRGGBB
    <CAPTION></CAPTION>
    位置の指定  ALIGN=top/bottom

画像を扱うタグ
<IMG>
画像を表示する  対象拡張子 GIF,JPG
    SRC
    URL= で表示する画像ファイルを指定
    ALT
    画像のかわりにテキストを表示する(画像を指定した時は指定したほうが良い
    ALIGN
    テキストの位置を指定  top/middle/bottom
    ALIGN
    テキストの回り込み表示  left/right
    VSPACE
    上下のマージンを指定 ピクセル数で指定
    HSPACE
    左右のマージンを指定 ピクセル数で指定
    WIDTHM
    横幅指定 ピクセル数、又は ブラウザに対する%
    HEIGHT
    縦幅指定 ピクセル数 又は、ブラウザにタイする%
    LOWSRC
    画像の2段階表示 先に読み込まれる画像ファイルを指定
    BORDER
    枠の太さ ピクセル数を指定
    DYNSRC
    AVIファイルの貼り付け  URL= で指定
    USEMAP
    イメージマップの名前  #名前
フレームタグ
<FRAME>〜</FRAME>
フレーム集合の設定 (間に<FRAME>を記述)
    COLS
    縦に分割する (ピクセル数、又はブラウザに対する%で指定)
    ROWS
    横に分割する (ピクセル数、又はブラウザに対する%で指定)
    FRAMEBORDER
    境界線の表示と非表示  yes/noで指定
    BORDER
    境界線の太さ   ピクセル数で指定
    BORDERCOLOR
    境界線の色の指定  #RRGGBBで指定
    <FRAME>〜</FRAME>
    個々のフレームの指定(<FRAMESET>〜</FRAMESET>間に指定)
    SRC
    URL=で表示したいhtmlを指定
    NAME
    フレーム名 ここでつけた名前を
    TARGET=で指定して任意のフレームへ表示させる
    MARGINWIDTH
    フレーム内の左右マージン
    MARGINHEIGHT
    フレーム内の上下マージン
    SCROLLING
    スクロールバーの表示/非表示/自動
    yes/no/autoで指定
    NORESIZE
    サイズ変更の禁止
    FRAMEBORDER
    境界線の表示/非表示
    BORDERCOLOR
    境界線の色指定  #RRGGBB
音を鳴らす
<BGSOUND>
このタグはインターネットエクスプローラ用です
SRC="ここにファイルを指定する"

<EMBED>
このタグはネットスケープで鳴らすタグです SRC="ここにファイルを指定する"
以下のタグは全て一緒に指定できます。
    WIDTH
    表示するプラグインの横幅を指定
    HEIGHT=
    表示するプラグインの縦幅を指定
    AUTOSTART
    TRUE にするとブラウザを開いた時に音が自動的に鳴る
    REPEAT
    TRUE にするとループ再生されます

スクロール(IEのみ)
<MARQUEE option>〜</MARQUEE>
スクロールさせます
    ALIGN="top"."bottom"."middle"
    スクロールの位置を指定。top/middle/bottom
    WIDTH="**%"
    スクロールさせる横幅を指定。
    HEIGHT="**%"
    スクロールさせる縦幅を指定。
    HSPACE="ピクセル数"
    横の余白を指定。
    VSPACE="ピクセル数"
    縦の余白を指定。
    DIRECTION="LEFTorRIGHT"
    右か左かどちらにスクロールさせるかを指定。
    BEHAVIOR="scroll","slide"."alternate"
    scrollははしっこにいくと消える。slideはしっこにいくと止まる。
    alternateは戻ってきます。
    LOOP="数字"."infinite"
    スクロールする回数を指定。数字を入れるとその回数だけスクロールします。
    infiniteを指定すると永久になる。
    SCROLLDERAY="数字"
    スクロールが開始するまでの時間(秒)を指定します。
    SCROLLAMOUNT="ピクセル数"
    スクロールの単位をピクセル数で指定します。
    BGCOLOR="#RRGGBB"
    色を指定します。