HTML リファレンス - 拡張タグ編

■ホームページ基礎知識

1章； HTML入門
2章； HTMLの基本
3章； リンクについて
4章； 文章の整形
5章； ファイル転送
6章； 画像について

■基礎知識 「中級編」

■基礎知識 「上級編」

■HTML リファレンス

 ・基本構成編
 ・リンク編
 ・フォント編
 ・テキスト編
 ・画像編
 ・リスト編
 ・テーブル編
 ・フレーム編
 ・フォーム編
 ・拡張タグ編
 ・カラー編

■アクセスアップの方法

 ・評価の高いサイト
 ・SEOのメリット
 ・SEO関連語句解説

■相互リンクについて

お勧めレンタルサーバー
Click Here! *

■お勧め独自ドメインプラン
違うURLサイト複数製作可

□相互リンクでSEO!
□やきぶたサーチSEO
□アクセスアップ無料情報
□ホームページ作成講座
□アクセスアップSEO
□格安レンタルサーバー
　Ｌ 無料レンタルサーバー
□チャ−シューメンズ倶楽部
□SEOのつもりがスパム？

■ホームページ作成
 ★FC2 無料ホームページ
 ★ホームページ テンプレート 1
 ★ホームページ テンプレート 2

■ 空白の設定

<SPACER TYPE="VERTICAL" SIZE="n">
<SPACER TYPE="HORIZONTAL" SIZE="n">
<SPACER TYPE="BLOCK" WIDTH="n" HEIGHT="n" ALIGN="LEFT | RIGHT">
【説明】

空白を設定します。TYPE="VERTICAL"を指定して垂直方向に、TYPE="HORIZONTAL"を指定して水平方向に空白を設定できます。指定はすべてピクセル数で行います。

またTYPE="BLOCK"を指定して長方形の空白を設定できます。またALIGN="LEFT | CENTER | RIGHT"を使用して空白の位置を指定します。透明の画像ファイルを貼りつけた感じになり、<BR CLEAR="ALL">で回り込みをキャンセルします。

これらのタグはネットスケープ3.0以上のみに対応します。


【使用例】 
垂直方向に40ピクセルの空白を設定します。
<SPACER TYPE="VERTICAL" SIZE="40">
次に水平方向に60ピクセルの<SPACER TYPE="HORIZONTAL" SIZE="60">空白を設定します。

最後に200×100ピクセルの空白を左揃えで設定します。
<SPACER TYPE="BLOCK" WIDTH="200" HEIGHT="100" ALIGN="LEFT"><br>
School of<BR>
International<BR>
Politics,<BR>
Economics<BR>
and Bussiness<BR>
Aoyamagakuin Univ.<BR>
<BR CLEAR="ALL">
【表示】

垂直方向に40ピクセルの空白を設定します。 次に水平方向に60ピクセルの空白を設定します。

最後に200×100ピクセルの空白を左揃えで設定します。
School of
International
Politics,
Economics
and Bussiness
Aoyamagakuin Univ.

■ フォントの指定

<FONT FACE="fontname">
<FONT FACE="fontname1,fontname2,....">
【説明】

ブラウザで表示するフォントを指定します。フォント名を指定するとき、そのコンピュータに指定されたフォントがあれば表示することができます。なければ指定したフォントでは表示されません。

指定されたフォントがない可能性があるので、あらかじめ複数のフォントをカンマ｢，｣で区切って第二候補、第三候補・・・と指定することもできます。

WindowsとMachintoshでもインストールされているフォントが違うことを念頭において指定してください。

IE3.0、NETSCAPE3.0以上に対応します。

【使用例】

マックなら中ゴシック体、WindowsならＭＳ ゴシックで表示されます。｢ホームページ作成〜アクセスアップ｣ <FONT FACE="中ゴシック体,ＭＳ ゴシック">｢ホームページ作成〜アクセスアップ｣</FONT>

【表示】

マックなら中ゴシック体、WindowsならＭＳ ゴシックで表示されます。｢株式会社○×商事 営業部｣｢株式会社○×商事 営業部｣

■ 段組の指定

<MULTICOL COL="n" WIDTH="n" GUTTER="n"> </MULTICOL>
【説明】

段組を指定します。

COL="n"を使用して段組数を指定します。COL="3"とすれば３段となります。

WIDTH="n"で段組の幅をピクセル数かパーセント表記で指定します。

GUTTER="n"で段組間の空白を指定します。初期設定値は10です。

【使用例】

<MULTICOL COLS="3" WIDTH="90%" GUTTER="30">
インターネットでホームページを閲覧する為のソフトをブラウザと言います。現在主流のブラウザはインターネットエクスプローラとネットスケープナビゲータで、様々なプラグインも用意されていて音楽や動画などを再生する事もできるようになりました。 </MULTICOL>

【表示】

インターネットでホームページを閲覧する為のソフトをブラウザと言います。現在主流のブラウザはインターネットエクスプローラとネットスケープナビゲータで、様々なプラグインも用意されていて音楽や動画などを再生する事もできるようになりました。

■ フレームの境界線の指定

<FRAMESET BORDER="n">
【説明】

フレームの境界線の太さをピクセル数で指定します。<FRAMESET BORDER="0">を指定すると<FRAMESET FRAMEBORDER="NO">と指定したのと同じことになります。

【使用例】

<FRAMESET COLS="50%,25%,*" BORDER="30"> <FRAME SRC="***.html"> <FRAME SRC="***.html"> <FRAME SRC="***.html"> </FRAMESET>

■ フレームの境界線の色の指定

<FRAMESET BORDERCOLOR="RRGGBB">
<FRAME BORDERCOLOR="RRGGBB">
【説明】

フレームの境界線に色を指定します。<FRAMESET>で指定すると境界線全体に、<FRAME>で指定するとそのフレームのみに色を指定することができます。

NETSCAPE3.0以上で認識されます。

■ BGMの指定

<BGSOUND SRC="sound_url">
<BGSOUND SRC="sound_url" LOOP="n">
<BGSOUND SRC="sound_url" LOOP="INFINITE">
【説明】

BGMを指定します。｢ *.wav｣、 ｢ *.au｣、 ｢ *midi｣を使用することができます。通常は1回だけ再生されますが、LOOPを使用することにより再生回数を指定することができます。LOOP="-1" または LOOP="INFINITE" を指定すると再生回数は無限となります。

このタグはInternet Explorer2.0以上で認識されます。またサウンドファイルがないため、使用例はソースのみとします。ご了承ください。

【使用例】

<BGSOUND SRC="sound_url " LOOP="3">

■ 背景画像の固定

<BODY BACKGROUND="aaa" BGPROPERTIES="FIXED">
【説明】

背景画像の固定を指定します。画面をスクロールさせても背景の画像はスクロールしません。

このタグはInternet Explorer2.0以上で認識されます。

【使用例】（表示例はこのページ）

<BODY BACKGROUND="aaa" BGPROPERTIES="FIXED">

■ 文字のスクロール

<MARQUEE BEHAVIOR="ALTERNATIVE|SCROLL|SLIDE"> </MARQUEE>
<MARQUEE BGCOLOR="RRGGBB"> </MARQUEE>
<MARQUEE ALIGN="TOP|MIDDLE|BOTTOM"> </MARQUEE>
<MARQUEE DIRECTION="LEFT|RIGHT"> </MARQUEE>
<MARQUEE SCROLLAMOUNT="n"> </MARQUEE>
<MARQUEE SCROLLDELAY="n"> </MARQUEE>
<MARQUEE LOOP="n"</MARQUEE> >
<MARQUEE WIDTH="n" HEIGHT="n"> </MARQUEE>
<MARQUEE VSPACE="n" HSPACE="n"> </MARQUEE>
【説明】

文字のスクロールを指定します。マーキーとは看板このタグには多数のオプションが存在します。同時に複数のオプションを指定できます。

BEHAVIORで文字の動作を指定します。 ALTERNATIVEを使用すると文字はマーキー上を行ったりきたりします。 SCROLLを使用すると文字はマーキー上を画面上をスクロールします。 SLIDEを使用すると文字はマーキーの端までスクロールし停止します。

ALIGNでマーキーの側面に文字を配置します。マーキーを画像と同じように扱うことができます。TOP で文字をマーキーの上に、MIDDLE で中央に、BOTTOMで下に揃えて表示します。

DIRECTIONでスクロールする方向を指定します。LEFT で文字は右から左へ、RIGHTで左から右へスクロールします。何も指定しないとLEFTを指定したのと同じことになります。

SCROLLANOUNTで文字が移動するときの距離をピクセル数で指定します。

SCROLLDELAYで文字が移動するときのコマとコマの時間を1/1000秒単位で指定します。

よってスクロールするスピードは 距離／時間 ＝ SCROLLAMOUNT(ピクセル数) ／ SCROLLDELAY(1/1000秒) となります。

LOOPで文字をスクロールさせる回数を指定します。

WIDTHとHEIGHTでマーキーの大きさをピクセル数で指定します。

VSPACEでマーキーの上下の空白を、HSPACEで左右の空白の大きさをピクセル数で指定します。

BGCOLORでマーキーの背景の色を指定します。色の指定についてはカラー編をご覧ください。

このタグはIE2.0以上で認識されます。また使用例もIE2.0以上でないと見ることができません。

【使用例１】

<MARQUEE>ホームページ作成〜アクセスアップ </MARQUEE>

【表示１】
ホームページ作成〜アクセスアップ

【使用例２】

<MARQUEE BEHAVIOR="ALTERNATE">ホームページ作成〜アクセスアップ </MARQUEE>

【表示２】
ホームページ作成〜アクセスアップ

【使用例３】

<MARQUEE BGCOLOR="YELLOW">ホームページ作成〜アクセスアップ </MARQUEE>

【表示３】
ホームページ作成〜アクセスアップ

【使用例４】

<MARQUEE ALIGN="BOTTOM" WIDTH="300" HEIGHT="20">ホームページ作成〜アクセスアップ </MARQUEE> ホームページ作成講座

【表示４】
ホームページ作成〜アクセスアップ ホームページ作成講座

【使用例５】

<MARQUEE DIRECTION="RIGHT">ホームページ作成〜アクセスアップ </MARQUEE>

【表示５】

ホームページ作成〜アクセスアップ

【使用例６】

<MARQUEE SCROLLAMOUNT="30">ホームページ作成〜アクセスアップ </MARQUEE>

【表示６】
ホームページ作成〜アクセスアップ

【使用例７】

<MARQUEE SCROLLDELAY="1000">ホームページ作成〜アクセスアップ </MARQUEE>

【表示７】
ホームページ作成〜アクセスアップ

【使用例８】

<MARQUEE LOOP="2">ホームページ作成〜アクセスアップ </MARQUEE>

【表示８】
ホームページ作成〜アクセスアップ

【使用例９】

<MARQUEE VSPACE="30">ホームページ作成〜アクセスアップ </MARQUEE> ホームページ作成講座

【表示９】
ホームページ作成〜アクセスアップ ホームページ作成講座

【使用例１０】

<MARQUEE BEHAVIOR="ALTERNATE" BGCOLOR="YELLOW" WIDTH="400" HEIGHT="15">ホームページ作成〜アクセスアップ </MARQUEE>

【表示１０】
ホームページ作成〜アクセスアップ

■ 浮遊フレーム

<IFRAME WIDTH="n" HEIGHT="n" SRC="frame_url">
<IFRAME WIDTH="n" HEIGHT="n" SRC="frame_url" NAME="aaa">
<IFRAME WIDTH="n" HEIGHT="n" NAME="aaa" SRC="frame_url" ALIGN="RIGHT|LEFT|TOP|MIDDLE|BOTTOM">
【説明】

ページの中に小さなフレームを作成します。必ずWIDTH HEIGHT指定をします。通常のフレーム同様、NAMEでフレームに名前をつけます。またALIGNで浮遊フレームの出力位置を指定します。

このタグはIE3.0以上で認識されます。また使用例も同様IE3.0以上でないと見ることができません。

【使用例１】

<IFRAME WIDTH="180" HEIGHT="120" SRC="sample01.html" ></IFRAME>
【表示１】

◎1GBの大容量 無料ホームページ（商用利用、アフィリエイト可能）  ◎広告収入GETも可能！無料ホームページ作成サービス（携帯・PC対応）

◎ホームページ・ビルダー10 通常版  ◎ホームページ・ビルダー10 プレミアムパック  ◎ホームページ・ビルダー10初心者おすすめ解説本

◎初心者におすすめ格安レンタルサーバー ロリポップ（２００MB、２６３円から）   ◎ブログの為の格安レンタルサーバー（月額208円 / 500M 〜）

ホームページ作成講座 TOP