はじめに
タグリファレンス for TTT Editor　　Ver1.0

はじめに

このヘルプはTTT Editor Ver2.00以降（以下「TTT」）用に作成されたヘルプです。TTTの本体（tttedit.exe）、ヘルプ(tttedit.hlp)と同じフォルダに入れて使用してください。

このヘルプには以下の特徴があります。

・TTTのヘルプとリンクされているため単独ではリンク切れが発生します。

・基本的にTTTで使用できるタグが記述されています。

・上の理由によりすべてのタグは記述されていません。

・間違いがあるかもしれないので正確な情報を知りたい場合は専門の本やHPを参考にして下さい。

注意事項もお読みください。


目次（アルファベット順）

機能別順で表示

A

<A>

<ADDRESS>

<AREA>

B

<B>

<BASEFONT>

<BGSOUND>

<BIG>

<BLINK>

<BLOCKQUOTE>

<BODY>

<BR>

C

<CAPTION>

<CENTER>

<CITE>

<CODE>

D

<DD>

<DFN>

<DIV>

<DL>

<DT>

E

<EM>

<EMBED>

F

<FONT>

<FORM>

<FRAME>

<FRAMESET>

H

<HEAD>

<Hn>

<HR>

<HTML>

I

<I>

<IMG>

<INPUT>

K

<KBD>

L

<LI>

<LINK>

M

<MAP>

<MARQUEE>

<META>

N

<NOBR>

<NOFRAMES>

O

<OL>

<OPTION>

P

<P>

<PRE>

S

<S>

<SAMP>

<SCRIPT>

<SELECT>

<SMALL>

<SPAN>

<STRIKE>

<STRONG>

<STYLE>

<SUB>

<SUP>

T

<TABLE>

<TD>

<TEXTAREA>

<TITLE>

<TR>

<TT>

U

<U>

<UL>

V

<VAR>

W

<WBR>

記号

<!-- -->

<!DOCTYPE>

&amp;

&lt;

&gt;

&quot;

&nbsp;


目次（機能別）
目次（機能別順）

アルファベット順で表示

ページ

HTML

HEAD

TITLE

BODY

META

フレーム

フレーム不可

ドキュメントタイプ

レイアウト

見出し

改行

改行不可

改行許可

段落

配置

中央揃え

整形済みテキスト

引用

水平線

フォント

フォント

太字(ボールド)

斜体(イタリック)

下線(アンダーライン)

等幅フォント

取り消し線

点滅文字

文字を大きく

文字を小さく

上付き文字

下付き文字

基本フォントサイズ

リンク

リンク

アンカー

メール

イメージ表示

イメージマップ

テーブル(表)

テーブル

テーブルの行

テーブルのセル

表題

リスト(箇条書き）

マーク型リスト

順序型リスト

定義型リスト

フォーム

フォーム領域

フォームアイテム（複数行入力）

フォームアイテム（リスト）

フォームアイテム（その他）

スタイルシート

スタイル定義

外部スタイル定義

その他

コメント

署名

BGM

プラグイン

Javaスクリプト

文字スクロール

論理タグ

特殊文字


HTMLの書き方

HTML概要

　ホームページを作成するにはHTML文書を書かなくてはなりません。HTML文書とワープロなどの文書の違いは、レイアウトが見る人によって変わってしまうことです。

　つまり、表示する画面の大きさによって改行位置が変化したり、作成したときのフォントをそのまま表示できない場合があるということです。このため、HTMLでは数値(絶対値)による具体的なレイアウトはあまり使われません。

　よって、作成する立場になったときは見る側の人のことを考えて、どんな状況でも美しくページを表示できるようによく考えて作成しましょう。(参照：ブラウザについて)

HTMLで表示されない文字

HTMLでは次の文字は表示されません。

■半角スペース

　連続した半角スペースは１つの半角スペースとみなされます。なお、全角スペースはそのまま表示されます。

■改行

　HTMLの中で改行してもブラウザで表示されるときには改行されません。改行したいときは<BR>タグで改行します。

■タブ

　タブは半角スペースと同じで、連続していくつ入力しても、半角スペース1つ分とみなされます。

■不等号記号（<，>）

　不等号記号(半角)はHTML中ではタグを表す特別なものとされています。よって、不等号記号を表示したい場合は特殊文字として、それぞれ、&lt;　&gt;　と入力します。


タグの基本

タグとは

　HTMLで文字などを太字にしたり、色を変えたり、表を作ったりする場合、とにかくすべての場合にタグを使用します。タグの基本形は以下のようなものです。

<タグ>　～　</タグ>

　上の例のように半角の不等号で囲まれ、修飾したい文章などを前のタグ(開始タグ)と後ろのタグ(終了タグ)で挟みます。終了タグには、/が入っています。実際に文字を太字にする<B>タグを使って例をあげてみます。

今日は朝から<B>ビックリ</B>することがあった。

このように入力すると、下のようにブラウザで表示されます。

今日は朝からビックリすることがあった。

　つまり、タグで挟んだ部分だけが変化します。これが、基本です。中には、改行を表す<BR>タグのように終了タグが無いものもあります。

タグの決まり

　タグを書くときは基本的には大文字でも小文字でもかまいませんが、必ず半角文字で書いてください。


タグの属性

タグの属性

　タグには属性を持つものがあります。属性とは、タグの内容を細かく指定するものだと考えてください。例えば、次のようなタグがあります。

<P ALINE="center">　～　</P>

　この<P>タグは段落を示すタグですが、そこに、ALINE=centerという属性が付いています。これにより、段落を区切ったうえで、さらに、中央揃えという意味になります。他にも<FONT>タグなど、ほとんどのタグに属性があります。ちなみに、属性は開始タグにだけ書きます。

属性の書き方

　属性は普通　「属性=値」　という形になっています。属性も基本的には大文字・小文字どちらでもかまいませんが、属性の前には必ず半角スペース、タブ、改行のどれかを入れてください。（まれに、大文字・小文字を区別するものがあります。TARGET=_topなど）

　属性の値に数字・アルファベット・ハイフン（-）、ピリオド（．）以外を使用するときはダブルクォーテーション（”）で囲む必要があります。TTT Editorではすべて”で囲んであります。


基本構造

<HTML>、<HEAD>、<TITLE>、<BODY>

HTML基本構造

　HTMLには決まった基本の型があります。基本的には、どのページもこの型を使用しなければなりません。以下にその型を書きます。

<HTML>

<HEAD>

<TITLE>ここにページのタイトルを書きます</TITLE>

</HEAD>

<BODY>

この間に本文を書きます。

</BODY>

</HTML>

○<HTML>～</HTML>の間がHTML文書となります。

○<HEAD>～</HEAD>の間はヘッダー部と言い、文書の様々な情報を書きます。ここに書かれたものはページには直接表示されません。

○<BODY>～</BODY>の間に本文を書きます。ページに表示するものは、すべてここに書きます。

○<TITLE>～</TITLE>の間にはページの題名を書きます。IEなどの「お気に入り」に登録した場合、これが使われます。


ブラウザについて

ここではブラウザのバージョンについて説明します。

現在多くのブラウザがあります。有名なのはInternetExplorerとNetscapeNavigatorです。ほかにも様々なものがあります。しかし、困ったことにブラウザの種類によって、さらにはバージョンによっても対応しているタグが違います。ホームページを作成する場合はこれらのことを意識する必要があります。

　しかし、あまり意識するとホームページなんて作成できません。実際にすべてのブラウザに対応したものを作成するのはほとんど不可能でしょう。ある程度の妥協は必要なのかもしれません。

このヘルプではタグや属性の対応状況を（HTML3,IE2,NN2)のように記述してあります。この場合、HTML3以上（以降）、IntenetExplorer2.0以上、NetscapeNavigator2.0以上で対応していることをあらわします。参考にして下さい。


相対参照

通常ホームページを作成する場合、自分で作成したページ間にリンクを張るときは相対参照を使用します。TTT Editorの場合は自動的に相対参照で取得しますが覚えておくとよいでしょう。

ファイルの相対参照

相対参照とはあるファイルから見た、他のファイルの位置を表すものです。結構ややこしいですが、覚えておくとよいでしょう。以下に例をあげます。

dirA,B,Cはディレクトリ(フォルダ)です。

　　■

　　├■ dirA

　　│├○ index.html

　　│├○ file1.html

　　│└■ dirB

　　│  └○ file2.htm

　　├■ dirC

　　│└○ file3.html

　　└○ file4.html

上のような場合index.htmlから見たほかのファイルはそれぞれ、

      file1.html

      dirB/file2.html

      ../dirC/file3.html

      ../file4.html

となります。つまりひとつ上のディレクトリに戻るたびに．．/となり、下に行く時はそのフォルダ名を/で区切ればよいのです。


色の指定

HTMLでの色の指定

HTML内では様々な場所で色を指定することがあります。色の指定方法はいろいろありますが、ここではTTT Editorで使用できる方法を紹介します。

基本16色

これはHTML3.2で定義されているものです。ほとんどのブラウザでサポートされていますので安心して使用できます。

■ Black (#000000)

■ Gray (#808080)

■ Silver (#C0C0C0)

□ White (#FFFFFF)

■ Red (#FF0000)

■ Yellow (#FFFF00)

■ Lime (#00FF00)

■ Aqua (#00FFFF)

■ Blue (#0000FF)

■ Fuchsia (#FF00FF)

■ Maroon (#800000)

■ Olive (#808000)

■ Green (#008000)

■ Teal (#008080)

■ Navy (#000080)

■ Purple (#800080)

16進数で指定

これはRGB値で指定します。RGBとはそれぞれRed(赤)、Green(緑)、Blue(青)であり、光の3原色です。以下のように表します。

　　　　#0099FF

数字を2つずつ区切り、00が赤、99が緑、FFが青をあらわしています。

例）#0000FFの場合、赤、緑が0で青がFFと最高値になっていますので青になります。

この指定方法の場合、ディスプレイが256色モードの際には表示することができるいちばん近い色に変更されます。そのため、環境によっては微妙な色合いが出せない場合があります。


サウンド

ここではサウンドについての簡単な説明をします。

ホームページでBGMをならすには通常<EMBED>、<BGSOUND>を使用します。ただ、問題なのはブラウザによって対応しているものが違うということです。(参照)

例えば<BGSOUND>の場合IE2以上でしか対応していません。そのためNNではBGMを聴くことができません。また、<EMBED>の場合はNN2以上、IE3以上にしか対応していません。

現在いちばん多く使用されていると思われるのは<EMBED>です。

例）<EMBED SRC="XXX.mid">

またJavaScriptを使用してブラウザを判別して対応するタグを選択することもできます。

よく使われるファイル形式

Windowsでよく使用されるものを紹介します。他にもMacで使われるAIFFファイルやUNIXのAUファイルなどがあります。

MIDIファイル（.mid,.mid)：ファイルサイズが小さいため現在多くのページでBGMとして使われています。MIDIといってもGM、XG、GSなどの規格があります。通常WEB上ではGMが適しているようです。

WAVEファイル（.wav）：Windowsの効果音で使われています。ゴミ箱に捨てる音や、起動時の音楽などです。比較的ファイルサイズが大きくなりますのでBGMで使われることは少ないです。

MP3ファイル（.mp3）：WAVEファイルに比べてサイズが10分の１くらいになります。と言っても現在の状況ではBGMとして使用するにはまだまだ大きいです。


<HTML>

Index（ABC順）　　Index（機能別）

このタグの中がHTML文書になります。

タグ

<HTML>　～　</HTML>

説明

このタグ内にHTML文書を書きます。このタグはファイル中に複数存在してはいけません。

対応

HTML2,IE2,NN2


<HEAD>

Index（ABC順）　　Index（機能別）

このタグの中がHTMLのヘッダになります。

タグ

<HEAD>　～　</HEAD>

説明

このタグ内にHTMLのヘッダを書きます。<META>タグ、スタイルシート情報などをこの中で指定します。

また、必ず<TITLE>タグを指定しなければなりません。

対応

HTML2,IE2,NN2


<TITLE>

Index（ABC順）　　Index（機能別）

このタグの中がHTML文書のタイトルになります。

タグ

<TITLE>　～　</TITLE>

説明

このタグ内がHTML(ページ)のタイトルになります。表示はされませんが「お気に入り」や「ブックマーク」、履歴など様々な場所で指定したものが表示されます。必ず指定しなければなりません。このタグは<HEAD>～</HEAD>間に記述します。

対応

HTML2,IE2,NN2


<BODY>

Index（ABC順）　　Index（機能別）

このタグの中がHTMLの本文になります。

タグ

<BODY>　～　</BODY>

説明

このタグ内にHTMLの本文を書きます。この中が通常ブラウザで表示されます。様々なタグを利用して本文を書いて下さい。

属性

BGCOLOR="COLOR"  ページの背景色を指定します。

(HTML3,IE2,NN3)

BACKGROUND="...."  ページの背景に表示するイメージのファイル名(場所）を指定します。

(HTML3,IE2,NN2)

TEXT="COLOR"  通常のテキストの色を指定します。

(HTML3,IE2,NN2)

LINK="COLOR" 　未表示リンクのテキストの色を指定します。

(HTML3,IE2,NN2)

VLINK="COLOR"  表示済みリンクのテキストの色を指定します。

(HTML3,IE2,NN2)

ALINK="COLOR"  クリック中リンクのテキストの色を指定します。IE3以前は無視されるようです。

(HTML3,IE2,NN2)

対応

HTML2,IE2,NN2


<META>

Index（ABC順）　　Index（機能別）

様々な用途で使います。（使用例）

タグ

<META>

説明

様々な情報をHTMLに設定します。この情報は直接にはブラウザで表示されませんがロボット型検索エンジンのキーワードで使われたりと結構重要なものもあります。<HEAD>～</HEAD>間に指定します。

属性

NAME="..."  名前を指定します。Author(著者名),Keywords(キーワード),Description(Htmlの説明）などがあります。

(HTML2,IE2,NN2)

HTTP-EQUIV="..."  HTTPのヘッダ情報の付加情報を書きます。Refresh(ページ更新),Content-type(文字コード表示)などがあります。

(HTML2,IE2,NN2)

CONTENT="..."  上記の2つの値を設定します。

(HTML2,IE2,NN2)

対応

HTML2,IE2,NN2


<META>の使用例
METAの使用例

ここでは少しだけ<META>タグの使用例を紹介します。<META>はこの他にも様々な利用方法があります。

漢字コードの指定（漢字コードがShift_JIS）

<Meta Http-equiv="content-type" CONTENT="text/html; charset=iso-2022-jp">

HTMLのキーワードを指定します。

<META NAME="Keywords" CONTENT="HTML,TTTEditor,taka36">

ページの自動移動

<META HTTP-EQUIV="Refresh"CONTENT="10;URL=http://abc.com/">

この例では10秒後にabc.comというページにジャンプします。

ロボットの動作指定

<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">

この場合すべてのページを検索データベースに登録します。

CONTENTには以下のものを指定できます。

 INDEX     このページを、検索データベースに登録します。

 FOLLOW    このページから、リンクをたどります。

 ALL       INDEX ＋ FOLLOW

 NOINDEX   このページを、検索データベースに登録しません。

 NOFOLLOW  このページから、リンクをたどりません。

 NONE      NOINDEX ＋ NOFOLLOW


ロボットとは

この場合、ロボットとはロボット型の検索エンジンをあらわします。現在、たくさんのロボット型の検索サイトがあります。これらはロボットを使用してネットを巡回し自動でホームページの情報を集めて登録しています。


<!DOCTYPE>

Index（ABC順）　　Index（機能別）

ドキュメントタイプ

タグ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">など

説明

使用しているHTML文書のバージョンを指定します。よく分からない場合は指定しないでもいいでしょう。指定する場合は文書の先頭に書きます。

対応

HTML2,IE2,NN2


<FRAMESET>

Index（ABC順）　　Index（機能別）

ウィンドウ（画面）を分割します。

タグ

<HTML>

<HEAD>

<TITLE></TITLE>

</HEAD>

<FRAMESET　ROWS="30%,*">

    <FRAME SRC="××××A.html" NAME="FrameA">

    <FRAME SRC="××××B.html" NAME="FrameB">

</FRAMESET>

</HTML>

説明

まず、注意したいのはこのページには<BODY>タグがありません。<BODY>タグの間にフレームのタグを入れても表示されないことを覚えておきましょう。もし、縦横同時に分割する場合は入れ子にしましょう。

また、<NOFRAMES>はフレームを表示できないブラウザでページを見た人のためにメッセージを書くためのタグです。フレームを作成したら、忘れずに書きましょう。フレームではないページも作っておくと親切です。

<FRAME>

属性

COLS="..."  ここには縦に分割するときの、それぞれのウィンドウの大きさを指定します。大きさを指定するときはカンマ(,)で区切ります。ﾋﾟｸｾﾙ、%どちらでもいいです。また、（*）は残り全部の領域と言った意味になります。

(HTML4,IE3,NN2)

ROWS="..."  ここには横に分割するときの、それぞれのウィンドウの大きさを指定します。

(HTML4,IE3,NN2)

BORDER=n  境界線の幅をﾋﾟｸｾﾙで指定します。

(IE4,NN3)

BORDERCOLOR="color"  境界線の色を指定します。

(IE4,NN3)

対応

HTML4,IE3,NN2


<FRAME>

Index（ABC順）　　Index（機能別）

フレーム中の各フレームの設定をします。

タグ

<HTML>

<HEAD>

<TITLE></TITLE>

</HEAD>

<FRAMESET　ROWS="30%,*">

    <FRAME SRC="××××A.html" NAME="FrameA">

    <FRAME SRC="××××A.html" NAME="FrameA">

</FRAMESET>

</HTML>

説明

フレーム中の各フレームの設定をするタグです。属性の中でNAMEというのがあります。これは、フレームの名前になり、リンク先をどこに表示するかと言うTARGET属性を決めるときに重要になります。

<FRAMESET>

属性

SRC="..."  フレームに表示したいページのファイルやURLを設定します。

(HTML4,IE3,NN2)

NAME="..."  フレームに名前をつけます。リンクのターゲットに指定できるようになります。

(HTML4,IE3,NN2)

SCROLLING="..."  フレームにスクロールバーを表示するか指定できます。yesは表示し、noは非表示に、autoは必要なときに表示します。省略するとautoになります。

(HTML4,IE3,NN2)

NORESIZE  これを指定するとフレームのサイズ変更を禁止できます。

(HTML4,IE3,NN2)

FRAMEBORDER=...  0で平面的、1で立体的になります。デフォルトでは1になります。

(HTML4,IE3,NN3)

MARGINWIDTH=n  フレームの左右の空白をﾋﾟｸｾﾙで指定します。

(HTML4,IE3,NN2)

MARGINHEIGHT=n  フレームの上下の空白をﾋﾟｸｾﾙで指定します。

(HTML4,IE3,NN2)

BORDERCOLOR="color"  境界線の色を指定します。

(IE4,NN3)

対応

HTML4,IE3,NN2


<NOFRAMES>

Index（ABC順）　　Index（機能別）

フレーム未対応のブラウザに対しての表示。

タグ

<HTML>

<HEAD>

<TITLE></TITLE>

</HEAD>

<FRAMESET　ROWS="30%,*">

    <FRAME SRC="××××A.html" NAME="FrameA">

    <FRAME SRC="××××B.html" NAME="FrameB">

    <NOFRAMES>

          フレーム未対応のためのメッセージ

    </NOFRAMES>

</FRAMESET>

</HTML>

説明

フレームを表示できないブラウザのための文書を書きます。<FRAMESET>～</FRAMESET>内で指定します。

対応

HTML4,IE3,NN2


<Hn>
見出し<Hn>

Index（ABC順）　　Index（機能別）

文書の見出しを指定します。

タグ

<Hn>　～　</Hn>

nには、1（最大）～6（最小）

説明

文章の見出しを指定します。このタグを使用すると文字を大きく表示したり、小さく表示したりできます。しかし、このタグは見出しの重要度を表すものですから、ただ単に文字を大きくしたい場合は<FONT>タグを使いましょう。実際に<Hn>タグから目次を作成するブラウザがあるそうです。

属性

ALIGN=a  レイアウトを決めます。aにはleft,center,rightが入ります。意味はそれぞれ、左揃え、中央揃え、右揃えです。

(HTML3,IE2,NN2)

対応

HTML2,IE2,NN2


<BR>
改行<BR>

Index（ABC順）　　Index（機能別）

改行します。

タグ

<BR>

説明

文書中で改行したい場所に挿入します。終了タグはありません。

純粋な改行は<P>タグではなく、こちらを使いましょう。

属性

CLEAR=a 少し難しいですが、イメージなどをテキストで回りこんでいるときに、それを中止します。aにleftを入れると行頭を最も左に表示できる位置まで改行し、rightを入れると行末を最も右に表示できる位置まで改行します。allは両方をあわせたものです。

(HTML3,IE2,NN2)

対応

HTML2,IE2,NN2


<NOBR>
改行禁止<NOBR>

Index（ABC順）　　Index（機能別）

テキストの改行を禁止します。

タグ

<NOBR>～</NOBR>

説明

<NOBR>～</NOBR>で挟まれたテキストは改行されません。

対応

IE2,NN2


<WBR>
改行許可<WBR>

Index（ABC順）　　Index（機能別）

テキストの改行を許可します。

タグ

<WBR>

説明

改行許可は文書中の改行してもよいところに入れます。改行禁止中や、長い英単語などを途中で折り返すときなどに使います。なお、改行許可なので必ず改行されるわけではありません。

対応

IE2,NN2


<P>
段落<P>

Index（ABC順）　　Index（機能別）

段落を分けるときに使用します。

タグ

<P>もしくは

<P>～</P>

説明

文書中で段落を分けたいときにその文書を<P>と</P>ではさむか、段落を分けたい場所に<P>を挿入します。ブラウザで表示すると、段落の間に若干のスペースが空きます。

属性

ALIGN=a  レイアウトを決めます。aにはleft,center,rightが入ります。意味はそれぞれ、左揃え、中央揃え、右揃えです。

(HTML3,IE3,NN2)

対応

HTML2,IE2,NN2


<DIV>
配置<DIV>（ブロック要素)

Index（ABC順）　　Index（機能別）

文書の配置を決める。

タグ

<DIV ALINE=left>～</DIV>左揃え

<DIV ALINE=center>～</DIV>中央揃え

<DIV ALINE=right>～</DIV>右揃え

説明

文書の配置を決めたいときに使います。このタグは属性によって左揃え、中央揃え、右揃えを決めるので、属性を省略すると単なるブロック属性になります。また、中央揃えは<CENTER>タグも使えます。

属性

ALIGN=a  レイアウトを決めます。aにはleft,center,rightが入ります。意味はそれぞれ、左揃え、中央揃え、右揃えです。

(HTML3,IE3,NN2)

対応

HTML3,IE3,NN2

HTML3,IE2,NN2(<CENTER>)


<CENTER>
中央揃え<CENTER>

Index（ABC順）　　Index（機能別）

文書のセンタリング。

タグ

<CENTER>～</CENTER>

説明

テキストなどを中央揃えするときに使用します。中央揃えには<DIV>も使用できます。

対応

HTML3,IE2,NN2


<PRE>
整形済みテキスト<PRE>

Index（ABC順）　　Index（機能別）

整形済みのテキストの表示をします。

タグ

<PRE> ～　</PRE>

説明

このタグで囲んだ範囲に書かれたテキストは、ほぼそのままの形で表示されます。普通HTMLでは改行や半角スペースは無視されますが、このタグの間に書かれた場合はその限りではありません。また文字は等幅フォントになります。

また、改行位置が固定されるため、横にスクロールしないと読めない場合もありますので注意してください。うまく使うのは結構難しいタグです。

属性

WIDTH=ｎ  横幅の最大値をﾋﾟｸｾﾙ単位か画面の幅の割合（％）で指定します。

(HTML2)

WRAP  画面端で自動改行。

(NN4)

対応

HTML2,IE2,NN2


<BLOCKQUOTE>
引用文<BLOCKQUOTE>

Index（ABC順）　　Index（機能別）

引用文をあらわします。

タグ

<BLOCKQUOTE> ～　</BLOCKQUOTE>

説明

このタグで囲んだ範囲は引用文とみなします。ブラウザで表示すると、左右がインデントされ、隙間ができます。

対応

HTML2,IE2,NN2


<HR>
水平線<HR>

Index（ABC順）　　Index（機能別）

水平線を引きます。

タグ

<HR>

説明

ページに横の線（水平線）を引きます。標準ではページの端から端までの線を引きます。様々な属性があるので、うまく組み合わせて色々な線を引いてみましょう。

属性

ALIGN=a  レイアウトを決めます。aにはleft,center,rightが入ります。意味はそれぞれ、左揃え、中央揃え、右揃えです。

(HTML3,IE2,NN2)

SIZE=n  線の幅（太さ）を指定します。ｎはﾋﾟｸｾﾙ単位で指定します。

(HTML3,IE2,NN2)

WIDTH=ｎ  線の長さを指定します。ｎはﾋﾟｸｾﾙ単位の指定か、ページの横幅に対する割合（WIDTH="70%"など)で指定します。

(HTML3,IE2,NN2)

NOSHADE  影を持たない平面的な線になります。値はありません。

(HTML3,IE2,NN2)

COLOR=”COLOR"  線の色を指定しますIEでのみ表示できます。

(IE3)

対応

HTML2,IE2,NN2


<FONT>
フォント<FONT>

Index（ABC順）　　Index（機能別）

フォントの色や大きさを指定するタグです。

タグ

<FONT>～</FONT>

説明

フォントの色や大きさなどを変えたい部分を<FONT>と</FONT>ではさみます。

属性

SIZE=n  文字の大きさを指定します。ｎには1(最小）～7(最大）の数字を入れます。また、+3～-3も指定できます。この場合は"と"で+3などの値を挟みます。

(HTML3,IE2,NN2)

COLOR=" 色 "　色を指定します。

(HTML3,IE2,NN2)

FACE="フォント名"　フォントの種類を指定できます。カンマで区切ることにより複数の候補を指定できます。先に指定したものからチェックされ表示可能なものを表示します。

(HTML4,IE2,NN3)

対応

HTML2,IE2,NN2


<B>
太字<B>

Index（ABC順）　　Index（機能別）

文字を太字(ボールド)で表示するためのタグです。

タグ

<B>～</B>

説明

太字で表示したい部分を<B>と</B>ではさみます。

対応

HTML2,IE2,NN2


<I>
斜体<I>

Index（ABC順）　　Index（機能別）

文字を斜体(イタリック)で表示するためのタグです。

タグ

<I>～</I>

説明

斜体で表示したい部分を<I>と</I>ではさみます。

対応

HTML2,IE2,NN2


<U>
下線<U>

Index（ABC順）　　Index（機能別）

文字に下線(アンダーライン）を付けて表示するためのタグです。

タグ

<U>～</U>

説明

下線付きで表示したい部分を<U>と</U>ではさみます。

対応

HTML3,IE2,NN3


<TT>
等幅フォント<TT>

Index（ABC順）　　Index（機能別）

文字を等幅フォントで表示するためのタグです。

タグ

<TT>～</TT>

説明

等幅フォントで表示したい部分を<TT>と</TT>ではさみます。

対応

HTML2,IE2,NN2


<STRIKE>
取り消し線<STRIKE>

Index（ABC順）　　Index（機能別）

文字を取り消し線付きで表示するためのタグです。

タグ

<S>～</S>

<STRIKE>　～　</STRIKE>

説明

取り消し線付きで表示したい部分を<S>と</S>ではさみます。

対応

HTML4,IE2,NN3


<BLINK>
点滅文字<BLINK>

Index（ABC順）　　Index（機能別）

文字を点滅表示するためのタグです。

タグ

<BLINK>～</BLINK>

説明

点滅表示したい部分を<BLINK>と</BRINK>ではさみます。

対応

NN2


<BIG>
文字を大きく<BIG>

Index（ABC順）　　Index（機能別）

フォントを大きくします。

タグ

<BIG>～</BIG>

説明

フォントを大きくしたい部分を上記のタグで挟みます。<FONT SIZE=...>のかわりに使用できます。

対応

HTML3,IE3,NN2


<SMALL>
文字を小さく<SMALL>

Index（ABC順）　　Index（機能別）

フォントを小さくします。

タグ

<SMALL>～</SMALL>

説明

フォントを小さくしたい部分を上記のタグで挟みます。<FONT SIZE=...>のかわりに使用できます。

対応

HTML3,IE3,NN2


<SUP>
上付き文字<SUP>

Index（ABC順）　　Index（機能別）

フォントを上付き文字にします。

タグ

<SUP>～</SUP>

説明

Xの2乗などを表すときに使用します。

対応

HTML3,IE3,NN2


<SUB>
下付き文字<SUB>

Index（ABC順）　　Index（機能別）

フォントを下付き文字にします。

タグ

<SUB>～</SUB>

説明

Xの2乗などを表すときに使用します。

対応

HTML3,IE3,NN2


<BASEFONT>
基本フォントサイズ<BASEFONT>

Index（ABC順）　　Index（機能別）

ページの基本のフォントサイズを指定する。

タグ

<BASEFONT>

説明

このタグを使用したところ以降、基本のフォントが設定したものになります。

属性

SIZE="n"  フォントのサイズを指定します。

(HTML3,IE3,NN2)

COLOR="色"  フォントの色を指定します。

(HTML4,IE2)

対応

HTML3,IE2,NN2


<A>
リンク<A>

Index（ABC順）　　Index（機能別）

リンクをはります。

タグ

<A HREF="http://aa.bb.cc/ index.html"> ～ </A> 指定のURLにジャンプ

<A HREF="mailto: abc@defg.co.jp"> ～ </A>指定のアドレスにメール送信

<A NAME="abc "> ～　</A>ファイルにアンカーを設置

<A HREF="#abc "> ～　</A>ファイルの指定位置にジャンプ

説明

特定の場所にリンク（ジャンプ）するためのタグです。HREF属性の値を変えるだけで、他のページにジャンプしたり、メールを出したり、色々できます。ページの途中へのリンクはこちらを参照してください。また、イメージなどもこのタグではさめます。

属性

HREF="..."  ページのジャンプ先、メールのアドレスなどを入力します。ディレクトリの相対参照も参照してください。

(HTML2,IE2,NN2)

NAME="..."  アンカーを設定します。好きな名前を付ける事ができます。アンカーについてはこちらを参照してください。

(HTML2,IE2,NN2)

TARGET="..."  リンク先を表示するフレームを指定します。<FRAME>タグのNAME属性で設定した名前を指定できます。また、以下のものは特別な意味を持つものです。以下のものはすべて小文字で書きます。

TARGET=_blank

　　新しいウィンドウを開き、そこに表示します。

TARGET=_top

　　フレーム分割を解除して、そこに表示します。

TARGET=_self

　　リンクのあるページ（自分自身）に表示します。

TARGET=_parent

　　現在分割されていれば1段階だけ解除して、そこに表示します。

(IE3,NN2)

TITLE="..."  リンク上にマウスを置いたときに、内容をヒント表示します。

(HTML2,IE2)

対応

HTML2,IE2,NN2


アンカーについて

アンカーとは

ページ内のある位置を表示したいときにその場所に印を付けます。これをアンカーと言います。ページの好きな場所に以下のように設定します。

<A NAME="ABC">ここに移動</A>

ABCの部分は好きな名前を付けることができます。

アンカーに移動

アンカーを設定したら次はそこに移動する方法です。表示したいアンカー名に「#」を付けて指定します。以下のように設定します。

<A HREF="#ABC">ここからアンカーに移動</A>

他ファイルのアンカーに移動

他のファイルにあるアンカーに移動する場合はファイル名も付けます。

<A HREF="index.html#ABC">他ページのアンカーに移動</A>


<IMG>
イメージ<IMG>

Index（ABC順）　　Index（機能別）

イメージ(画像)を表示します。

タグ

<IMG>

説明

ページにイメージ(画像）を貼り付けます。また、これを、<A>タグではさめば、画像をクリックして他のページへジャンプなんてこともできます。現在、ホームページにはる画像のフォーマットはJPEGとGIFが一般的です。また、属性の中にWIDTHとHEIGHTがありますが、これはなるべく指定しましょう。ページの表示が速くなります。

TTT Editorでは、JPEG、GIF、PNG、BMPのサイズは自動で取得できるようになっています。

属性

SRC="..."  画像のファイル名（場所）を指定します。

(HTML2,IE2,NN2)

ALIGN=a  画像に対するテキストの位置を指定できます。top,middle,bottomを指定します。また、left,rightを指定するとイメージのまわりをテキストが回りこみます。

(HTML2,IE2,NN2)

WIDTH=ｎ  イメージの横のサイズを指定します。

(HTML3,IE2,NN2)

HEIGHT=ｎ  イメージの縦のサイズを指定します。

(HTML3,IE2,NN2)

ALT=".."  イメージを表示するまでや、イメージを表示できないときに表示するテキストです。どんなイメージが表示されるのか、分かりやすいテキストを書きましょう。

(HTML2,IE2,NN2)

BORDER=n  イメージを<A HREF>タグではさんだときのイメージの枠線の太さをﾋﾟｸｾﾙで指定します。

(HTML3,IE2,NN2)

HSPACE=n  イメージの左右に空白を作ります。ﾋﾟｸｾﾙで指定。

(HTML3,IE2,NN2)

VSPACE=n  イメージの上下に空白を作ります。ﾋﾟｸｾﾙで指定。

(HTML3,IE2,NN2)

対応

HTML2,IE2,NN2


<MAP>
マップ<MAP>

Index（ABC順）　　Index（機能別）

イメージ中にリンクを張ります。

イメージをクリックした際に他のページに移動するといったことが出来ます。

タグ

<IMG　SRC="..." USEMAP="#abc">

<MAP NAME="abc">

　　<AREA SHAPE="rect" COORDS="x1,y1,x2,y2" HREF="...">

　　<AREA SHAPE="circle" COORDS="x1,y1,R" HREF="...">

　　<AREA SHAPE="polygon" COORDS="x1,y1,x2,y2,x2,y3…" HREF="...">

</MAP>

説明

ひとつのイメージをいくつかの領域に分けて、それぞれ違う場所にリンクを張ることができます。領域の形としては矩形（長方形）、円、多角形のどれかです。<IMG>タグと組み合わせて使います。

属性

<MAP>部分

NAME="..."  マップの名前を指定します。<IMG>タグのUSEMAP属性でこれを指定します。

(HTML3,IE2,NN2)

<AREA>部分

SHAPE=...  領域の形を決めます。rect(矩形）、circle(円)、polygon(多角形）から選択します。NNの場合default(エリア以外)を指定できます。

(HTML3,IE2,NN2)

COORDS  領域の座標を決めます。矩形の場合、左上と右下の座標、円の場合は、中心の座標と半径の長さを、多角形の場合は頂点の座標を順に書きます。

(HTML3,IE2,NN2)

HREF="..."  領域をクリックしたときのジャンプ先を書きます。

(HTML3,IE2,NN2)

ALT=".."  イメージを表示するまでや、イメージを表示できないときに表示するテキストです。どんなイメージが表示されるのか、分かりやすいテキストを書きましょう。

(HTML3,IE4)

NOHREF  リンクを張らないときに指定します。

(HTML3,IE2,NN2)

TARGET="..."  リンク先を表示するフレームを指定します。<FRAME>タグのNAME属性で設定した名前を指定できます。また、以下のものは特別な意味を持つものです。以下のものはすべて小文字で書きます。

TARGET=_blank

　　新しいウィンドウを開き、そこに表示します。

TARGET=_top

　　フレーム分割を解除して、そこに表示します。

TARGET=_self

　　リンクのあるページ（自分自身）に表示します。

TARGET=_parent

　　現在分割されていれば1段階だけ解除して、そこに表示します。

(IE3,NN2)

対応

HTML3,IE2,NN2


<TABLE>
テーブル<TABLE>

Index（ABC順）　　Index（機能別）

テーブル(表)を作成します。

タグ

<TABLE>

    <TR><TH></TH><TH></TH><TH></TH></TR>

    <TR><TD></TD><TD></TD><TD></TD></TR>

    <TR><TD></TD><TD></TD><TD></TD></TR>

    <TR><TD></TD><TD></TD><TD></TD></TR>

</TABLE>

説明

テーブル(表）を作るタグです。<TR>から</TR>までが１行になります。つまり行を表します。そこに、はさまれた<TD>から</TD>が個々のセルです。上の例では、3列4行の表になります。

<TH>タグは表の項目名を表しデフォルトで中央に太字で表示されますが、ほとんど<TD>と同じです。これらのものをはさんで表全体の外観を決めるのが<TABLE>タグです。

属性

ALIGN=a  表の位置を決めます。centerは横方向に対して中央に表示され、leftとrightはそれぞれ左寄せ、右寄せになり空いた場所にテキストが回りこみます。

(HTML3,IE2,NN2)

BORDER=ｎ  表の外枠の太さを指定します。

(HTML3,IE2,NN2)

WIDTH=ｎ  表の横のサイズを指定します。(ﾋﾟｸｾﾙ、%）

(HTML3,IE2,NN2)

HEIGHT=ｎ  表の縦のサイズを指定します。(ﾋﾟｸｾﾙ、%）

(IE2,NN2)

CELLSPACING=ｎ  表の外枠とセルの枠との間隔をﾋﾟｸｾﾙで指定します。

(HTML3,IE2,NN2)

CELLPADDING=n  セルの外枠とセル中のテキストとの距離をﾋﾟｸｾﾙで指定します。

(HTML3,IE2,NN2)

HSPACE=n  表の左右に空白を作ります。ﾋﾟｸｾﾙで指定。

(NN2)

VSPACE=n  表の上下に空白を作ります。ﾋﾟｸｾﾙで指定。

(NN2)

BGCOLOR="COLOR"  表の内側の色を指定します。

(HTML4,IE2,NN3)

BACKGROUND="...."  表の背景に表示するイメージのファイル名(場所）を指定します。

(IE3,NN4)

BORDERCOLOR="COLOR"  表の外枠の色を指定します。

(IE2,NN4)

BORDERCOLORDARK="COLOR"  表の外枠の暗い部分の色を指定します。

(IE2)

BORDERCOLORLIGHT="COLOR"  表の外枠の明るい部分の色を指定します

(IE2)

対応

HTML3,IE2,NN2


<TR>
テーブルの行<TR>

Index（ABC順）　　Index（機能別）

表の行の設定

タグ

<TABLE>

    <TR><TH></TH><TH></TH><TH></TH></TR>

    <TR><TD></TD><TD></TD><TD></TD></TR>

    <TR><TD></TD><TD></TD><TD></TD></TR>

    <TR><TD></TD><TD></TD><TD></TD></TR>

</TABLE>

説明

<TR>は表の行、<TH>は項目名、<TD>は項目(セル）を表します。<TR>～</TR>が１行になります。

属性

ALIGN=a  項目の中身の左右の表示位置をleft,center,rightで指定します。

(HTML3,IE2,NN2)

VALIGN=a  項目の中身の上下の表示位置をtop.middle,bottomで指定します。

(HTML3,IE2,NN2)

BACKGROUND="...."  行の背景に表示するイメージのファイル名(場所）を指定します。

(IE3,NN4)

BORDERCOLOR="COLOR"  行の外枠の色を指定します。

(IE2,NN4)

BORDERCOLORDARK="COLOR"  行の外枠の暗い部分の色を指定します

(IE2)

BORDERCOLORLIGHT="COLOR"  行の外枠の明るい部分の色を指定します

(IE2)

対応

HTML3,IE2,NN2


<TD>
テーブルのセル<TD>

Index（ABC順）　　Index（機能別）

表の項目(セル)の設定

タグ

<TABLE>

    <TR><TH></TH><TH></TH><TH></TH></TR>

    <TR><TD></TD><TD></TD><TD></TD></TR>

    <TR><TD></TD><TD></TD><TD></TD></TR>

    <TR><TD></TD><TD></TD><TD></TD></TR>

</TABLE>

説明

<TR>は表の行、<TH>は項目名、<TD>は項目(セル）を表します。<TR>～</TR>が１行になります。

属性

ALIGN=a  項目の中身の左右の表示位置をleft,center,rightで指定します。

(HTML3,IE2,NN2)

VALIGN=a  項目の中身の上下の表示位置をtop.middle,bottomで指定します。

(HTML3,IE2,NN2)

ROWSPAN=ｎ  セルを縦方向にｎ個連結させます。

(HTML3,IE2,NN2)

COLSPAN=ｎ  セルを横方向にｎ個連結させます。

(HTML3,IE2,NN2)

WIDTH=ｎ  セルの横のサイズを指定します。(ﾋﾟｸｾﾙ、%）

(HTML3,IE2,NN2)

HEIGHT=ｎ  セルの縦のサイズを指定します。(ﾋﾟｸｾﾙ、%）

(HTML3,IE2,NN2)

BGCOLOR="COLOR"  セルの内側の色を指定します。

(HTML4,IE2,NN3)

BACKGROUND="...."  セルの背景に表示するイメージのファイル名(場所）を指定します。

(IE3,NN4)

BORDERCOLOR="COLOR"  セルの外枠の色を指定します。

(IE2,NN4)

BORDERCOLORDARK="COLOR"  セルの外枠の暗い部分の色を指定します

(IE2)

BORDERCOLORLIGHT="COLOR"  セルの外枠の明るい部分の色を指定します

(IE2)

NOWRAP  セル内での改行（折り返し）の禁止

(HTML3,IE2,NN2)

対応

HTML3,IE2,NN2


<CAPTION>
表題<CAPTION>

Index（ABC順）　　Index（機能別）

テーブル(表)に表題をつけます。

タグ

<CAPTION>～</CAPTION>

説明

テーブル(表)に表題をつけます。普通<TABLE>の開始タグの直後に挿入します。

属性

ALIGN=a  キャプションの左右の表示位置をleft,center,rightで指定します。

(HTML3,IE2,NN2)

VALIGN=a  キャプションの上下の表示位置をtop.middle,bottomで指定します。

(IE2)

対応

HTML3,IE2,NN2


<UL>
マーク型リスト<UL>

Index（ABC順）　　Index（機能別）

箇条書き（リスト）にします。

タグ

<UL>

　　<LI>

　　<LI>

</UL>

説明

この場合順不同のリストを作成します。○、●、■のいずれかがリストの頭につけます。マークを指定したい場合は属性で指定します。また、リストの中にリストを入れ子にして使うこともできます。<LI>は項目です。終了タグはいりません。

属性

TYPE=a  リストの頭につくマークを指定します。circle(○）,square（■）,disc（●）のいずれかを指定します。

(HTML3,IE4,NN2)

使用例

<UL TYPE=circle>

  <LI>あいうえお

  <LI>かきくけこ

  <UL TYPE=square>

     <LI>ABCDE

     <LI>FGHIJ

  </UL>

  <LI>さしすせそ

</UL>

を表示すると、

○あいうえお

○かきくけこ

　　　■ABCDE

　　　■FGHIJ

○さしすせそ

対応

HTML2,IE2,NN2


<OL>
順序型リスト<OL>

Index（ABC順）　　Index（機能別）

箇条書き（リスト）にします。

タグ

<OL>

　　<LI>

　　<LI>

</OL>

説明

この場合順序付きのリストを作成します。数字などがリストの頭につけます。マークを指定したい場合は属性で指定します。また、リストの中にリストを入れ子にして使うこともできます。<LI>は項目です。終了タグはいりません。

属性

TYPE=a  リストの頭につくマークを指定します。

TYPE=1  - 1,2,3,4…

TYPE=A  - A,B,C,D,…

TYPE=a  - a,b,c,d,…

TYPE=I  -Ⅰ,Ⅱ,Ⅲ,Ⅳ…

TYPE=i  -ⅰ,ⅱ,ⅲ,ⅳ…

の用に表示されます。

(HTML3,IE2,NN2)

START=n  リストの番号の開始位置を指定します。例えばTYPE=AのときSTART=4ならば、Dから開始します。

(HTML3,IE2,NN2)

使用例

<OL TYPE=A　START=5>

  <LI>あいうえお

  <LI>かきくけこ

  <UL TYPE=1>

     <LI>ABCDE

     <LI>FGHIJ

  </UL>

  <LI>さしすせそ

</UL>

を表示すると、

E.あいうえお

F．かきくけこ

　　　1．ABCDE

　　　2．FGHIJ

G．さしすせそ

対応

HTML2,IE2,NN2


<DL>
定義型リスト<DL>

Index（ABC順）　　Index（機能別）

箇条書き（リスト）にします。

タグ

<DL>

　　<DT>　　<DD>

　　<DT>　　<DD>

</DL>

説明

この場合定義リストを作成します。用語を書いて、それを説明するような時に使います。また、リストの中にリストを入れ子にして使うこともできます。<DT>，<DD>は終了タグはいりません。

使用例

<DL>

  <DT>バナナ<DD>黄色い果物で・・・

  <DT>りんご<DD>赤い果物で・・・

　<DT>みかん<DD>オレンジ色の果物で・・・

</DL>

を表示すると、

バナナ

　　　黄色い果物で・・・

りんご

　　　赤い果物で・・・

みかん

　　　オレンジ色の果物で・・・

対応

HTML2,IE2,NN2


<FORM>
フォーム領域<FORM>

Index（ABC順）　　Index（機能別）

入力フォームを作成します。

タグ

<FORM>　～　</FORM>

説明

テキスト入力や、チェックボックス、ボタンなどの入力フォームを作成します。このタグではさまなければ、入力フォームのアイテムは意味を持ちません。忘れないようにしましょう。

属性

ACTION="..."  実行ボタンを押したときに行うアクションを指定します。mailto:メールアドレスを指定するとメールを送ります。普通はCGIスクリプトのURLを指定します。

(HTML4,IE3,NN2)

METHOD="..."  データの送り方を指定します。postとgetが指定できます。

(HTML4,IE3,NN2)

ENCTYPE="..."  スクリプトにデータを渡すときのエンコード方式を指定します。通常は指定しなくてもいいです。

(IE3)

NAME="..."  フォームの名前を指定します。CGIなどでの識別に使用されます。

(IE3,NN2)

対応

HTML2,IE2,NN2


<INPUT>
フォームアイテム<INPUT>

Index（ABC順）　　Index（機能別）

フォームアイテム

タグ

<INPUT TYPE="text">テキスト

<INPUT TYPE="password">パスワード

<INPUT TYPE="checkbox">チェックボックス

<INPUT TYPE="radio">ラジオボタン

<INPUT TYPE="hidden">隠しフィールド

<INPUT TYPE="image">イメージ

<INPUT TYPE="submit">サブミットボタン

<INPUT TYPE="reset">リセットボタン

<INPUT TYPE="button">ボタン

<INPUT TYPE="file">ファイル転送

説明

様々な入力フォームを作成します。ここで指定するものは<FORM>～</FORM>間に記述します。詳しい説明はそれぞれのページを参照してください。


<INPUT TYPE="text">
フォームアイテム<INPUT TYPE="text">

Index（ABC順）　　Index（機能別）

フォームアイテム(テキスト入力）

タグ

<INPUT TYPE="text">

説明

テキストの入力ボックスを作成します。複数行の入力ボックスの場合は<TEXTAREA>を使用します。

属性

NAME="..."  フォームアイテムの名前を指定します。CGIなどでの識別に使用されます。

(HTML2,IE2,NN2)

SIZE=n　入力ボックスの横幅を指定します。半角文字で何文字分かで指定します。

(HTML2,IE2,NN2)

MAXLENGTH="n"  最大入力文字数を指定します。半角文字で何文字分かで指定します。

(HTML2,IE2,NN2)

VALUE="..."  初期状態で表示する文字を指定します。

(HTML2,IE2,NN2)

対応

HTML2,IE2,NN2


<INPUT TYPE="password">
フォームアイテム<INPUT TYPE="password">

Index（ABC順）　　Index（機能別）

フォームアイテム(パスワード入力）

タグ

<INPUT TYPE="password">

説明

パスワードの入力ボックスを作成します。入力した文字が「*」で表示されます。

属性

NAME="..."  フォームアイテムの名前を指定します。CGIなどでの識別に使用されます。

(HTML2,IE2,NN2)

SIZE=n　入力ボックスの横幅を指定します。半角文字で何文字分かで指定します。

(HTML2,IE2,NN2)

MAXLENGTH="n"  最大入力文字数を指定します。半角文字で何文字分かで指定します。

(HTML2,IE2,NN2)

VALUE="..."  初期状態で表示する文字を指定します。

(HTML2,IE2,NN2)

対応

HTML2,IE2,NN2


<INPUT TYPE="checkbox">
フォームアイテム<INPUT TYPE="checkbox">

Index（ABC順）　　Index（機能別）

フォームアイテム(チェックボックス）

タグ

<INPUT TYPE="checkbox">

説明

チェックボックスを作成します。

属性

NAME="..."  フォームアイテムの名前を指定します。CGIなどでの識別に使用されます。

(HTML2,IE2,NN2)

VALUE="..."  選択されたときに送信する値を指定します。

(HTML2,IE2,NN2)

CHECKED　初期状態でチェックされた状態になります。

(HTML2,IE2,NN2)

対応

HTML2,IE2,NN2


<INPUT TYPE="radio">
フォームアイテム<INPUT TYPE="radio">

Index（ABC順）　　Index（機能別）

フォームアイテム(ラジオボタン）

タグ

<INPUT TYPE="radio">

説明

ラジオボタンを作成します。

属性

NAME="..."  フォームアイテムの名前を指定します。CGIなどでの識別に使用されます。

(HTML2,IE2,NN2)

VALUE="..."  選択されたときに送信する値を指定します。

(HTML2,IE2,NN2)

CHECKED　初期状態でチェックされた状態になります。

(HTML2,IE2,NN2)

対応

HTML2,IE2,NN2


<INPUT TYPE="hidden">
フォームアイテム<INPUT TYPE="hidden">

Index（ABC順）　　Index（機能別）

フォームアイテム(テキスト入力）

タグ

<INPUT TYPE="hidden">

説明

画面に表示されないフィールドを作成します。

属性

NAME="..."  フォームアイテムの名前を指定します。CGIなどでの識別に使用されます。

(HTML2,IE2,NN2)

VALUE="..."  値を指定します。

(HTML2,IE2,NN2)

対応

HTML2,IE2,NN2


<INPUT TYPE="image">
フォームアイテム<INPUT TYPE="image">

Index（ABC順）　　Index（機能別）

フォームアイテム(イメージ）

タグ

<INPUT TYPE="image">

説明

イメージを表示しクリックされたときに位置を送ります。

属性

NAME="..."  フォームアイテムの名前を指定します。CGIなどでの識別に使用されます。

(HTML2,IE2,NN2)

SRC="..."  イメージファイルを指定します。

(HTML2,IE2,NN2)

ALIGN=a  左右のレイアウトを決めます。

aにはleft,center,rightが入ります。

意味はそれぞれ、左揃え、中央揃え、右揃えです。

(HTML2,IE2,NN2)

対応

HTML2,IE2,NN2


<INPUT TYPE="submit">
フォームアイテム<INPUT TYPE="submit">

Index（ABC順）　　Index（機能別）

フォームアイテム(実行ボタン）

タグ

<INPUT TYPE="submit">

説明

ボタンを表示します。クリックされると<FORM>で指定したACTIONを実行します。

属性

NAME="..."  フォームアイテムの名前を指定します。CGIなどでの識別に使用されます。

(HTML2,IE2,NN2)

VALUE="..."  ボタンに表示するテキストを指定します。

(HTML2,IE2,NN2)

対応

HTML2,IE2,NN2


<INPUT TYPE="reset">
フォームアイテム<INPUT TYPE="reset">

Index（ABC順）　　Index（機能別）

フォームアイテム(リセットボタン）

タグ

<INPUT TYPE="reset">

説明

リセットボタンを表示します。クリックされるとすべての項目が初期値に戻ります。

属性

NAME="..."  フォームアイテムの名前を指定します。CGIなどでの識別に使用されます。

(HTML2,IE2,NN2)

VALUE="..."  ボタンに表示するテキストを指定します。

(HTML2,IE2,NN2)

対応

HTML2,IE2,NN2


<INPUT TYPE="button">
フォームアイテム<INPUT TYPE="button">

Index（ABC順）　　Index（機能別）

フォームアイテム(ボタン）

タグ

<INPUT TYPE="button">

説明

ボタンを作成します。JavaScriptで使用します。

属性

NAME="..."  フォームアイテムの名前を指定します。CGIなどでの識別に使用されます。

(HTML2,IE2,NN2)

VALUE="..."  ボタンに表示するテキストを指定します。

(HTML2,IE2,NN2)

対応

IE3,NN2


<INPUT TYPE="file">
フォームアイテム<INPUT TYPE="file">

Index（ABC順）　　Index（機能別）

フォームアイテム(ファイル転送）

タグ

<INPUT TYPE="file">

説明

ブラウザからファイルをアップロードする際に使用します。

属性

NAME="..."  フォームアイテムの名前を指定します。CGIなどでの識別に使用されます。

(HTML2,IE2,NN2)

対応

HTML3,IE4,NN2


<TEXTAREA>
フォームアイテム(複数行入力)<TEXTAREA>

Index（ABC順）　　Index（機能別）

フォームアイテム(複数行テキスト入力）

タグ

<TEXTAREA>　～　</TEXTAREA>

説明

複数行の入力が可能な入力ボックスを作成します。1行の場合は<INPUT TYPE="text">を使用します。<TEXTAREA>～</TEXTAREA>間に記述した文字が初期値となります。

属性

NAME="..."  フォームアイテムの名前を指定します。CGIなどでの識別に使用されます。

(HTML2,IE2,NN2)

ROWS="n"  行数を指定します。

(HTML2,IE2,NN2)

COLS="n"  1行あたりの桁数を指定します。

(HTML2,IE2,NN2)

WRAP="…"　行の折り返しを指定します。offは折り返しをしません。physicalは折り返します。virtualは見た目は折り返しますが、送信データは折り返しません。

(IE3,NN2)

対応

HTML2,IE2,NN2


<SELECT>
フォームアイテム(リスト)<SELECT>

Index（ABC順）　　Index（機能別）

リストボックス、ドロップダウンなどの選択フォーム

タグ

<SELECT>

   <OPTION>

   <OPTION>

</SELECT>

説明

リストボックス、ドロップダウンメニューを作ります。＜SELECT>タグで外観を決めて、<OPTION>タグで、リストの項目を設定します。

<SELECT>タグの属性

NAME="..."  名前をつけます。

(HTML2,IE2,NN2)

SIZE=n  選択フィールドの表示する行数を指定します。1にするとドロップダウン形式になります。

(HTML2,IE2,NN2)

MULTIPLE  複数の項目を同時に選択できるようにします。

(HTML2,IE2,NN2)

<OPTION>タグの属性

VALUE="..."  この項目が選択されたときに取る値です。

(HTML2,IE2,NN2)

SELECTED  初期状態で選択されるようにします。

(HTML2,IE2,NN2)

対応

HTML2,IE2,NN2


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

Index（ABC順）　　Index（機能別）

HTMLにコメントを入れます。

タグ

<!--     -->

説明

コメントは、ブラウザでは表示されません。後で編集しやすいように覚書などを書いておくとよいでしょう。

<!--  から　-->までは複数行になってもかまいません。

対応

HTML2,IE2,NN2


<ADDRESS>
署名<ADDRESS>

Index（ABC順）　　Index（機能別）

HTMLに署名を入れます。

タグ

<ADDRESS>  ～ </ADDRESS>

説明

ページ作者のメールアドレスなどの情報を書くためのタグです。

普通ページの最後に書いてあることが多いです。ブラウザで表示するとイタリック(斜体）になります。さらに前後が改行されます。

対応

HTML2,IE2,NN2


<BGSOUND>
サウンド<BGSOUND>

Index（ABC順）　　Index（機能別）

音を鳴らす

タグ

<BGSOUND>

説明

音楽を鳴らします。サポートされている形式は、「*.wav,*.au,*.midi」です。しかし、IEでしかサポートされていないので注意してください。(参照：<EMBED>、サウンド)

属性

SRC="..."  サウンドファイルを指定します。

(IE2)

Loop=n  繰り返す回数を指定します。-1で無限に繰り返します。

(IE2)

対応

IE2


<EMBED>
プラグイン<EMBED>

Index（ABC順）　　Index（機能別）

プラグインの再生

タグ

<EMBED>

説明

MIDPLUG、Shockwaveや、QuickTimeなどのプラグインを再生します。下の属性欄に書いてある意外にも多くの属性があります。また、プラグイン、ブラウザにより動作が異なりますので確認はしっかり行う必要があります。下記の説明は参考程度にお考えください。(参照：<BGSOUND>、サウンド)

属性

SRC="..."  再生するファイルを指定します。

(IE3,NN2)

WIDTH=ｎ  横のサイズを指定します。(ﾋﾟｸｾﾙ、%）指定しないとコントロールが表示されないようです。

(IE3,NN2)

HEIGHT=ｎ  縦のサイズを指定します。(ﾋﾟｸｾﾙ、%）指定しないとコントロールが表示されないようです。

(IE3,NN2)

NAME="..."  名前を指定します。

(IE3,NN2)

ALIGN="..."  位置を指定します。left, right, top, bottomのなどを指定します。

(IE3,NN2)

HIDDEN="..."  コントロールを非表示にするかを指定します。trueで非表示、falseで表示します。指定なしの場合表示されます。

(IE3,NN2)

AUTOSTART="..."  ページを表示した際に自動で再生するかを指定します。trueで再生、falseで再生しません。指定なしの場合はtrueです。

(IE3,NN2)

LOOP=ｎ  再生の繰り返し回数を指定します。trueで無限、falseで繰り返ししません。指定なしの場合はtrueです。また、数値を指定した場合はその回数になります。

対応

IE3,NN2


<SCRIPT>
JavaScript<SCRIPT>

Index（ABC順）　　Index（機能別）

JavaScriptの記述

タグ

<SCRIPT LANGUAGE="JavaScript">

<!--

// -->

</SCRIPT>

説明

JavaScriptという言語を使い、ページに様々な効果を付加できます。上記のタグが基本構造です。<SCRIPT>タグの間に様々な命令を記述します。

属性

LANGUAGE="..."  スクリプトの言語を指定します。通常はJavaScriptです。

(IE3,NN2)

SRC="..."  外部JavaScriptのファイルを指定します。

(IE4,NN3)

TYPE="..."  LANGUAGEのかわりに使います。が、まだあまりサポートされていません。

(HTML4,IE4)

DEFFER  表示に関する記述がないことをあらわし、ブラウザの表示を高速化します。

(HTML4)

対応

IE3,NN2


<MARQUEE>
スクロール文字<MARQUEE>

Index（ABC順）　　Index（機能別）

文字をスクロールさせます。

タグ

<MARQUEE>～</MARQUEE>

説明

文字を横方向にスクロールさせます。属性を付けることにより様々な効果を付けることができます。しかし、IEにしか対応していないことに注意してください。

属性

ALIGN=a  レイアウトを決めます。aにはtop,bottom,middleが入ります。

(IE2)

BGCOLOR="色"  スクロール領域の背景の色を指定します。

(IE2)

BEHAVIOR="..."  スクロール形式を指定します。値には、scroll(スクロール)、slide(端にぶつかると停止)、alternate(端から端までを往復運動)のどれかを指定します。

(IE2)

DIRECTION=a  スクロール方向をleftかrightのいずれかで指定します。

(IE2)

LOOP=n  スクロール回数を指定します。値に-1を入れると無限に繰り返します。

(IE2)

WIDTH=n  スクロール領域の幅をﾋﾟｸｾﾙか割合で指定します。

(IE2)

HEIGHT=n  スクロール領域の高さをﾋﾟｸｾﾙか割合で指定します。

(IE2)

対応

IE2


論理タグ

Index（ABC順）　　Index（機能別）

文字に意味を付加します。

タグ

<ABBR>～</ABBR>-省略語-          HTML4

<ACRONYM>～</ACRONYM>-頭字語-    HTML4,IE4

<CITE>～</CITE>-引用-            HTML2/e2/N2

<CODE>～</CODE> - コーディング - HTML2,IE2,NN2

<DEL>～</DEL> - 削除文字 -       HTML4,IE4

<DFN>～</DFN> - 定義 -           HTML2,IE2

<EM>～</EM> - 強調 -             HTML2,IE2,NN2

<INS>～</INS> - 挿入文字 -       HTML4,IE4

<KBD>～</KBD> - キーボード入力 - HTML2,IE2,NN2

<Q>～</Q> - 短い引用 -           HTML4,IE4

<SAMP>～</SAMP> - サンプル -     HTML2,IE2,NN2

<STRONG>～</STRONG> - 強調 -     HTML2,IE2,NN2

<VAR>～</VAR> - 変数 -           HTML2,IE2,NN2

説明

表示する文字の意味をあらわすタグです。これらは、文字に意味付けをするものであり、表示形式を変えることを目的としてはいません。実際には、太字や斜体などの効果が付きますが表示するブラウザによって変化します。

対応

HTML3,IE3,NN2


特殊文字

Index（ABC順）　　Index（機能別）

ブラウザでは普通に表示できない文字です。

タグ

<　　　　&lt;

>　　　　&gt;

&　　　　&amp;

”　 　　&quot;

スペース &nbsp;

説明

特殊文字は上のようにそれぞれ入力します。

対応

HTML2,IE2,NN2


ACTION(属性)
属性　ACTION

ACTION="..."  実行ボタンを押したときに行うアクションを指定します。mailto:メールアドレスを指定するとメールを送ります。普通はCGIスクリプトのURLを指定します。

関連タグ：<FORM>


ALIGN(属性)
属性　ALIGN

ALIGN=a  左右のレイアウトを決めます。

aにはleft,center,rightが入ります。

意味はそれぞれ、左揃え、中央揃え、右揃えです。

関連タグ：<Hn>、<P>、<DIV>、<HR>、<IMG>、<TABLE>、<TD>、<CAPTION>、<EMBED>、<MARQUEE>


ALINK(属性)
属性　ALINK

ALINK="COLOR"  クリック中リンクのテキストの色を指定します。IE3以前は無視されるようです。

関連タグ：<BODY>


ALT(属性)
属性　ALT

ALT=".."  イメージを表示するまでや、イメージを表示できないときに表示するテキストです。どんなイメージが表示されるのか、分かりやすいテキストを書きましょう。また、イメージ上にマウスカーソルがあるときポップアップ表示します。

関連タグ：<IMG>、<MAP>


BACKGROUND(属性)
属性　BACKGROUND

BACKGROUND="...."  背景に表示するイメージのファイル名(場所）を指定します。

関連タグ：<BODY>、<TABLE>、<TD>


BEHAVIOR(属性)
属性　BEHAVIOR

BEHAVIOR="..."  スクロール形式を指定します。値には、scroll(スクロール)、slide(端にぶつかると停止)、alternate(端から端までを往復運動)のどれかを指定します。

関連タグ：<MARQUEE>


BGCOLOR(属性)
属性　BGCOLOR

BGCOLOR="COLOR"  背景色を指定します。

関連タグ：<BODY>、<TABLE>、<TD>、<MARQUEE>


BORDER(属性)
属性　BORDER

BORDER=n  枠線、境界線の幅をﾋﾟｸｾﾙで指定します。

関連タグ：<FRAMESET>、<TABLE>


BORDERCOLOR(属性)
属性　BORDERCOLOR

BORDERCOLOR="COLOR"  枠線、境界線の色を指定します。

関連タグ：<FRAMESET>、<FRAME>、<TABLE>、<TD>


BORDERCOLORDARK(属性)
属性　BORDERCOLORDARK

BORDERCOLORDARK="COLOR"  外枠の暗い部分の色を指定します。

関連タグ：<TABLE>、<TD>


BORDERCOLORLIGHT(属性)
属性　BORDERCOLORLIGHT

BORDERCOLORLIGHT="COLOR"  外枠の暗い部分の色を指定します。

関連タグ：<TABLE>、<TD>


CELLSPACING(属性)
属性　CELLSPACING

CELLSPACING=ｎ  表の外枠とセルの枠との間隔をﾋﾟｸｾﾙで指定します。

関連タグ：<TABLE>


CELLPADDING(属性)
属性　CELLPADDING

CELLPADDING=n  セルの外枠とセル中のテキストとの距離をﾋﾟｸｾﾙで指定します。

関連タグ：<TABLE>


CHECKED(属性)
属性　CHECKED

CHECKED  チェックボックスやラジオボタンなどがチェックされた状態になります。

関連タグ：<INPUT>


CLEAR(属性)
属性　CLEAR

CLEAR=a イメージなどをテキストで回りこんでいるときに、それを中止します。aにleftを入れると行頭を最も左に表示できる位置まで改行し、rightを入れると行末を最も右に表示できる位置まで改行します。allは両方をあわせたものです。

関連タグ：<BR>


COLOR(属性)
属性　COLOR

COLOR=”COLOR"  <FONT>ならフォント色、<HR>なら線の色と言ったようにタグに応じた色を指定します。色の指定方法はこちらを参照してください。

関連タグ：<FONT>、<HR>、<BASEFONT>


COLS(属性)
属性　COLS

COLS="..."  ここには縦に分割するときの、それぞれのウィンドウの大きさを指定します。大きさを指定するときはカンマ(,)で区切ります。ﾋﾟｸｾﾙ、%どちらでもいいです。また、（*）は残り全部の領域と言った意味になります。

<TEXTAREA>の場合は桁数を指定します。

関連タグ：<FRAMESET>、<TEXTAREA>


COLSPAN(属性)
属性　COLSPAN

COLSPAN=ｎ  セルを横方向にｎ個連結させます。

関連タグ：<TD>


CONTENT(属性)
属性　CONTENT

CONTENT="..."  NAMEやHTTP-EQUIVなどの値を設定します。

関連タグ：<META>


COORDS(属性)
属性　COORDS

COORDS  領域の座標を決めます。矩形の場合、左上と右下の座標、円の場合は、中心の座標と半径の長さを、多角形の場合は頂点の座標を順に書きます。

関連タグ：<MAP>


DEFFER(属性)
属性　DEFFER

DEFFER  表示に関する記述がないことをあらわし、ブラウザの表示を高速化します。

関連タグ：<SCRIPT>


DIRECTION(属性)
属性　DIRECTION

DIRECTION=a  スクロール方向をleftかrightのいずれかで指定します。

関連タグ：<MARQUEE>


ENCTYPE(属性)
属性　ENCTYPE

ENCTYPE="..."  スクリプトにデータを渡すときのエンコード方式を指定します。通常は指定しなくてもいいです。

関連タグ：<FORM>


FACE(属性)
属性　FACE

FACE="フォント名"フォントの種類を指定できます。カンマで区切ることにより複数の候補を指定できます。先に指定したものからチェックされ表示可能なものを表示します。

関連タグ：<FONT>


FRAMEBORDER(属性)
属性　FRAMEBORDER

FRAMEBORDER=...  0で平面的、1で立体的になります。デフォルトでは1になります。

関連タグ：<FRAME>


HEIGHT(属性)
属性　HEIGHT

HEIGHT=ｎ  タグに応じた高さを指定します。(ﾋﾟｸｾﾙ、%）

関連タグ：<IMG>、<TABLE>、<TD>、<EMBED>、<MARQUEE>


HREF(属性)
属性　HREF

HREF="..."  ページのジャンプ先、メールのアドレスなどを入力します。

関連タグ：<A>、<MAP>、<LINK>


HSPACE(属性)
属性　HSPACE

HSPACE=n  イメージ、表の左右に空白を作ります。ﾋﾟｸｾﾙで指定。

関連タグ：<IMG>、<TABLE>


HTTP-EQUIV(属性)
属性　HTTP-EQUIV

HTTP-EQUIV="..."  HTTPのヘッダ情報の付加情報を書きます。Refresh(ページ更新),Content-type(文字コード表示)などがあります。

関連タグ：<META>


LANGUAGE(属性)
属性　LANGUAGE

LANGUAGE="..."  スクリプトの言語を指定します。通常はJavaScriptです。

関連タグ：<SCRIPT>


LINK(属性)
属性　LINK

LINK="COLOR" 　未表示リンクのテキストの色を指定します。

関連タグ：<BODY>


LOOP(属性)
属性　LOOP

LOOP=n  繰り返す回数を指定します。-1で無限に繰り返します。

関連タグ：<BGSOUND>、<MARQUEE>


MARGINHEIGHT(属性)
属性　MARGINHEIGHT

MARGINHEIGHT=n  フレームの上下の空白をﾋﾟｸｾﾙで指定します。

関連タグ：<FRAME>


MARGINWIDTH(属性)
属性　MARGINWIDTH

MARGINWIDTH=n  フレームの左右の空白をﾋﾟｸｾﾙで指定します。

関連タグ：<FRAME>


MAXLENGTH(属性)
属性　MAXLENGTH

MAXLENGTH=n  入力できる最大文字数を指定します。

関連タグ：<INPUT>


METHOD(属性)
属性　METHOD

METHOD="..."  データの送り方を指定します。postとgetが指定できます。

関連タグ：<FORM>


MULTIPLE(属性)
属性　MULTIPLE

MULTIPLE  複数の項目を同時に選択できるようにします。

関連タグ：<SELECT>


NAME(属性)
属性　NAME

NAME="..." タグに応じた名前を指定します。詳しくはそれぞれのタグを参照してください。

関連タグ：<META>、<FRAME>、<A>、<MAP>、<FORM>、<INPUT>、<TEXTAREA>、<SELECT>


NOHREF(属性)
属性　NOHREF

NOHREF  リンクを張らないときに指定します。

関連タグ：<MAP>


NORESIZE(属性)
属性　NORESIZE

NORESIZE  これを指定するとフレームのサイズ変更を禁止できます。

関連タグ：<FRAME>


NOSHADE(属性)
属性　NOSHADE

NOSHADE  影を持たない平面的な線になります。値はありません。

関連タグ：<HR>


NOWRAP(属性)
属性　NOWRAP

NOSHADE  テキストの折り返しを禁止します。

関連タグ：<TD>


REL(属性)
属性　REL

REL="..."  HREFで指定したファイルとの関係を指定します。

関連タグ：<LINK>


ROWS(属性)
属性　ROWS

ROWS="..."  ここには横に分割するときの、それぞれのウィンドウの大きさを指定します。大きさを指定するときはカンマ(,)で区切ります。ﾋﾟｸｾﾙ、%どちらでもいいです。また、（*）は残り全部の領域と言った意味になります。

<TEXTAREA>の場合行数を指定します。

関連タグ：<FRAMESET>、<TEXTAREA>


ROWSPAN(属性)
属性　ROWSPAN

ROWSPAN=ｎ  セルを縦方向にｎ個連結させます。

関連タグ：<TD>


SCROLLING(属性)
属性　SCROLLING

SCROLLING="..."  フレームにスクロールバーを表示するか指定できます。yesは表示し、noは非表示に、autoは必要なときに表示します。省略するとautoになります。

関連タグ：<FRAME>


SELECTED(属性)
属性　SELECTED

SELECTED  初期状態で選択されるようにします。

関連タグ：<OPTION>


SHAPE(属性)
属性　SHAPE

SHAPE=...  領域の形を決めます。rect(矩形）、circle(円)、polygon(多角形）から選択します。

関連タグ：<MAP>


SIZE(属性)
属性　SIZE

SIZE=nタグにより様々なサイズを指定します。詳しくはそれぞれのタグを参照してください。

関連タグ：<FONT>、<BASEFONT>、<HR>、<SELECT>


SRC(属性)
属性　SRC

SRC="..."  タグに応じた外部ファイルを指定します。

関連タグ：<IMG>、<FRAME>、<BGSOUND>、<EMBED>、<SCRIPT>


START(属性)
属性　START

NOSHADE  初期値を設定します。<OL>の場合はリスト項目の前に付く数字の初期値を指定します。

関連タグ：<OL>


STYLE(属性)
属性　STYLE

STYLE="..." スタイルシートでスタイルを指定します。多くのタグに使用できます。

参考：スタイルシート


TARGET(属性)
属性　TARGET

TARGET="..."  リンク先を表示するフレームを指定します。<FRAME>タグのNAME属性で設定した名前を指定できます。また、以下のものは特別な意味を持つものです。以下の属性値は小文字で書きます。

TARGET=_blank

　　新しいウィンドウを開き、そこに表示します。

TARGET=_top

　　フレーム分割を解除して、そこに表示します。

TARGET=_self

　　リンクのあるページ（自分自身）に表示します。

TARGET=_parent

　　現在分割されていれば1段階だけ解除して、そこに表示します。

関連タグ：<A>、<MAP>


TEXT(属性)
属性　TEXT

TEXT="COLOR"  通常のテキストの色を指定します。

関連タグ：<BODY>


TITLE(属性)
属性　TEXT

TITLE="..."  リンク上にマウスを置いたときに、内容をヒント表示します。

関連タグ：<A>


TYPE(属性)
属性　TYPE

TYPE=a  タグに応じたものを指定します。それぞれのタグを参照してください。

関連タグ：<UL>、<OL>、<SCRIPT>、<LINK>、<STYLE>


VALIGN(属性)
属性　VALIGN

ALIGN=a  上下のレイアウトを決めます。

aにはtop,middle,bottomが入ります。

関連タグ：<TD>、<CAPTION>


VALUE(属性)
属性　VALUE

VALUE="..."  この項目が選択されたときに取る値です。

(HTML2,IE2,NN2)

関連タグ：<OPTION>


VLINK(属性)
属性　VLINK

VLINK="COLOR"  表示済みリンクのテキストの色を指定します。

関連タグ：<BODY>


VSPACE(属性)
属性　VSPACE

VSPACE=n  イメージ、表の上下に空白を作ります。ﾋﾟｸｾﾙで指定。

関連タグ：<IMG>、<TABLE>


WIDTH(属性)
属性　WIDTH

WIDTH=ｎ  タグに応じた幅を指定します。(ﾋﾟｸｾﾙ、%）

関連タグ：<IMG>、<HR>、<TABLE>、<TD>、<PRE>、<EMBED>、<MARQUEE>


WRAP(属性)
属性　WRAP

WRAP="…"  画面端で自動改行。<TEXTAREA>の場合次のような指定ができます。offは折り返しをしません。physicalは折り返します。virtualは見た目は折り返しますが、送信データは折り返しません。

<PRE>の場合は値をとりません。

関連タグ：<PRE>、TEXTAREA


スタイルシートの基礎

スタイルシートとは

　HTMLは本来、文書の構造を定義するものであって見栄えを定義するものではありません。そこで、見栄えを定義するためにつくられたのがスタイルシートです。

　しかし、実際にはブラウザによってサポートされているものに違いがあったり、表示のされ方が違うといった問題もあります。よって、スタイルシートを使用する場合は違うブラウザでも正しく表示されているか確認するようにしましょう。

スタイルシートの基礎

　スタイルシートの定義の仕方は大きく分けて以下の３つがあります。

1.タグの属性としてタグ内に記述する方法

　例）

<H1 STYLE=" color: blue; background: red ">例文です</H1>

　この場合、「例文です」という部分に<H1>（見出し1）の効果に加え、さらに文字色を青、文字の背景色を赤にする効果が付加されます。

2.ヘッダ部で記述する方法

　例）<HEAD>～</HEAD>の間で

<STYLE TYPE="text/css">

<!--

H1｛color: blue;

    background: red; ｝

-->

</STYLE>

　　　本文中(<BODY>～</BODY>間）で

<H1>例文です</H1>

　この場合は、ヘッダ部で定義するため本文中のすべての<H1>タグに影響します。

3.他ファイルで記述する方法

　ある定義を複数のHTML文書で使用したいときにこの方法を使用します。こちらのページを参照してください。

　つまり、上記1の場合は、そのタグを使う場所ごとにスタイルが指定でき、2、3の場合は、一括して指定できるというわけです。その時に応じて使い分けてください。


定義の方法

スタイルの定義は<STYLE>タグの間、もしくは別ファイルの中で行います。別ファイルについてはこちらを参照してください。方法は以下のようにします。

セレクタ｛

プロパティ1: 値;

プロパティ2: 値;

…

｝

セレクタ

「タグの名前」、「クラス」、「ID」などを指定します。

プロパティ

どういうスタイルの特徴を変化させるかを指定します。例えばcolorとした場合は文字の色を変化させます。

値

プロパティの値です。例えばプロパティをcolorとした場合、redなどの色の名前が入ります。

　上記のようにプロパティと値の間は「:」で区切ります。また、「;」で区切ることにより複数列挙することができます。


他のファイルでの定義

他のファイルで定義する方法を説明します。

１．cssファイルを作成します。

定義だけを書きます（もちろん複数可）。

例）

H1｛ color: red; ｝

EM｛ color: blue;

     background: yellow; ｝

これを拡張子をcssにして適当な名前を付けて保存します。

２．１の定義を使用したいファイルのヘッダー部に以下のように追加します。

例）

<HTML>

<HEAD>

<TITLE>Sample</TITLE>

<LINK REL=STYLESHEET TYPE="text/css" HREF="1で作成したファイルのパス">

</HEAD>

<BODY>

  <H1>ここは文字が赤色になります。</H1>

</BODY>

</HTML>

このようにリンクを張るだけでCSSファイルで定義したスタイルが使用できます。


その他の説明

スタイルの継承

スタイルの継承とは、例えばタグで次のように指定した場合に継承という文字は斜体になったうえ太字になります。これと同じことができます。

<I>ここは<B>継承</B>されます</I>

まとめて定義する

H1,H2,H3｛ color: blue; ｝

上のようにした場合H1,H2,H3タグを使用したすべての場所で文字色が青になります。（セレクタ部分を「,」で区切ります）

特定の場所を定義する

H1 EM｛ color: blue; ｝

上のように定義した場合H1タグの中でEMタグを使ったときのみスタイルが反映されます。他の場所でEMのみを使用してもスタイルはつきません。


インライン，ブロック要素
インライン、ブロック要素

スタイルを定義する場合はタグを使用するため、ただ文字の色を変えたいときでもタグがもともと持っている効果まで反映されてしまいます。そんな時は以下のタグを使用します。

インライン要素　<SPAN>

<SPAN>タグはタグを使用した前後で改行されません。

ブロック要素　<DIV>

<DIV>タグの場合、このタグを使用した前後に改行が入ります。


リンクの文字色

<A>タグにはリンクの文字色を変えるクラスがあらかじめ定義されています。このようなものを定義済みクラスといい、以下のようにピリオドではなく、コロンで指定します。

<Style Type="text/css">

<!--

a:link  color: #c0c0c0;

a:visited  color: #c0c0c0;

a:active  color: #c0c0c0;

a:hover  color: #c0c0c0;

-->

</Style>

　上からまだ見ていないリンクの色、すでに見たリンクの色、選択中のリンクの色、マウスでポイント中の色です。

hoverはIE4からサポートされています。NNは対応していません。


セレクタ

セレクタの指定はいろいろな方法があります。以下に覚えておくとよいものを挙げます。

タグの名前

スタイルをつけたいタグ名を指定します。この場合、本文中すべてのここで指定したタグに影響します。以下のように指定します。

<HTML>

<HEAD>

<TITLE>Sample</TITLE>

<STYLE TYPE="text/css>

<!--

H1｛ color: red; ｝

-->

</STYLE>

<BODY>

  <H1>ここは文字が赤色になります。</H1>

</BODY>

</HTML>

このようにした場合、すべての<H1>タグで文字の色が赤色になります。

タグの名前.クラス名

以下のように指定します。

<HTML>

<HEAD>

<TITLE>Sample</TITLE>

<STYLE TYPE="text/css>

<!--

H1.style1｛ color: red; ｝

H1.style2｛ color: blue; ｝

-->

</STYLE>

<BODY>

  <H1 CLASS=style1>ここは文字が赤色になります。</H1>

  <H1 CLASS=style2>ここは文字が青色になります。</H1>

</BODY>

</HTML>

このように同じH1タグに違ったスタイルを指定したい場合にクラス名を付けることにより可能にします。

#ID

以下のように指定します

<HTML>

<HEAD>

<TITLE>Sample</TITLE>

<STYLE TYPE="text/css>

<!--

#sample｛ color: blue; ｝

-->

</STYLE>

<BODY>

  <H1 ID=sample>ここは文字が青色になります。</H1>

  <P ID=sample>ここも文字が青色になります。</H1>

</BODY>

</HTML>

このように色々なタグに同じスタイルを指定したい場合にスタイル名を付けることにより可能にします。


値

色

色を指定する場合以下のような方法がります。

名前による指定

black,white,blue,red,greenなど

RGBによる指定（16進数）

例）#000000（黒）、#ffffff（白）

RGBによる指定（0～255で指定）

rgb(0,0,0)（黒）、rgb(255,255,255)（白）

RGBによる指定（0～100％で指定）

rgb(0%,0%,0%)（黒）、rgb(100%,100%,100%)（白）

大きさ、長さの単位

単位

em　アルファベットMの高さ

ex　アルファベットxの高さ

px　ピクセル

pt　ポイント(1pt=1/72in)

pc　パイカ(1pc=12pt)

in　インチ(1in=2.54cm)

mm　ミリメートル

cm　センチメートル

%   割合

URLの指定

以下のように指定します

background : url(http://xxx.yyy/image.gif)


<STYLE>
スタイルシート<STYLE>

Index（ABC順）　　Index（機能別）

スタイルシートを指定。

タグ

<STYLE TYPE="text/css">

<!--

　　H1 ｛ color: red ｝

-->

</STYLE>

説明

１ページ全体に影響するスタイルシートを指定します。<HEAD>～</HEAD>間に記述します。

属性

TYPE="..."  スタイルシートののタイプを指定します。通常はtext/cssになります。

(NN4)

対応

HTML2,IE3,NN4


<LINK>
他ファイルとの関係<LINK>

Index（ABC順）　　Index（機能別）

他ファイルとの関係を表わします。

タグ

<LINK REL="stylesheet" TYPE="text/css" HREF="xx.css">

説明

他のファイルとの関係を指定するタグです。ここではスタイルシートだけ説明します。スタイルシートの場合、外部CSSファイルを読み込みます。

属性

REL="..."  HREFで指定したファイルとの関係を指定します。

(HTML2)

TYPE="..."  HREFで指定したファイルのタイプを指定します。スタイルシートの場合はtext/cssになります。

(NN4)

HREF"..."  リンクしたいCSSファイルを指定します。

(NN4)

対応

HTML2,IE3,NN4


プロパティ

フォント

背景

テキスト

マージン

パディング

ボーダー

リスト


フォント

フォント、背景、テキスト、マージン、パディング、ボーダー、リスト

font-size(CSS1,IE3,NN4)

以下の値で文字の大きさを指定します。

絶対サイズ　ブラウザによるサイズ

　　(xx-small,x-small,small,mediun,large,x-large,xx-large)

相対サイズ　まわりのフォントに対して

　　(larger,smaller)

長さ　具体的な大きさ

　　(10pt,2cmなど)

割合　まわりのフォントに対して

　　(80%,120%など)

font-style(CSS1,IE3,NN4)

フォントのスタイルを指定します。

normal(標準)、italic(イタリック)、oblique(斜め)のどれかを指定します。

font-weight(CSS1,IE3,NN4)

文字の太さを指定します。

lighter, normal, bold ,bolderの順で太くなります。また、100から900も指定できます。400がnormal、700がboledと同じ太さになります。

color(CSS1,IE3,NN4)

文字の色を指定します。

font-family(CSS1,IE3,NN4)

フォントの種類を指定します。

serif,sans-serif,cursive,fantasy,monospaceの5つはCSS1で定義されているのでどのブラウザでも表示できることになっているようです。また、MS ゴシックなどの名前に空白があるものを指定する場合はフォント名をダブルクォーテーションで囲む必要があります。

line-height(CSS1,IE3,NN4)

テキストの高さを指定します。広げれば行間があき、逆だと文字が重なります。

font(CSS1,IE3,NN4)

上記のものを一括で指定することができます。ただし、font-sizeとfont-familyは省略できません。

font: style variant weight size/height family


背景

フォント、背景、テキスト、マージン、パディング、ボーダー、リスト

background-color(CSS1,IE4,NN4)

背景色を指定します。文字の背景色に指定することもできます。

baclground-image(CSS1,IE4,NN4)

背景に表示するイメージのアドレス、またはパスを指定します。

background-repeat(CSS1,IE4,NN4)

背景のイメージの並び方を次の中から選択します。

repeat(敷き詰める)、repeat-x(横方向のみ）、repeat-y(縦方向のみ)、no-repeat(ひとつだけ）


テキスト

フォント、背景、テキスト、マージン、パディング、ボーダー、リスト

text-align(CSS1,IE3,NN4)

テキストの横方向の配置を指定します。

left,center,right,justify(均等)のどれかで指定します。

vertical-align(CSS1,IE3,NN4)

テキストの縦方向の配置を指定します。

baseline,middle,sub,super,text-top,text-bottom,top,bottomの中から選択します。

text-decoration(CSS1,IE3,NN4)

テキストの装飾を指定します。

none(なし),underline(下線),overline(上線),line-through(打ち消し線),blink(点滅)が指定できます。

text-indent(CSS1,IE3,NN4)

テキストのはじめの字下げ幅を指定します。


マージン、パディング
マージン,パディング

フォント、背景、テキスト、マージン、パディング、ボーダー、リスト

マージンは上下左右それぞれの端からの距離（長さ）を指定します。

パディングはスタイル定義したエリアから上下左右それぞれの方向にどれだけ余白を空けるかを指定します。

margin-top(CSS1,IE3,NN4)

上マージンを指定します。

margin-bottom(CSS1,IE3,NN4)

下マージンを指定します。

margin-left(CSS1,IE3,NN4)

左マージンを指定します。

margin-right(CSS1,IE3,NN4)

右マージンを指定します。

padding-top(CSS1,IE4,NN4)

上パディングを指定します。

padding-bottom(CSS1,IE4,NN4)

下パディングを指定します

。

padding-left(CSS1,IE4,NN4)

左パディングを指定します。

padding-right(CSS1,IE4,NN4)

右パディングを指定します。


ボーダー

フォント、背景、テキスト、マージン、パディング、ボーダー、リスト

border-style(CSS1,IE4,NN4)

線(ボーダー)のスタイルをnone, dotted, dashed, solid, double, groove, ridge, inset, outsetの中から指定します。

border-color(CSS1,IE4,NN4)

線の色を指定します。

border-top-width(CSS1,IE4,NN4)

線の太さをthin, medium, thick、もしくはサイズで指定します。

border-bottom-width(CSS1,IE4,NN4)

線の太さをthin, medium, thick、もしくはサイズで指定します。

border-left-width(CSS1,IE4,NN4)

線の太さをthin, medium, thick、もしくはサイズで指定します。

border-right-width(CSS1,IE4,NN4)

線の太さをthin, medium, thick、もしくはサイズで指定します。


リスト

フォント、背景、テキスト、マージン、パディング、ボーダー、リスト

list-style-type(CSS1,IE4,NN4)

リストのマークをdisc, circle, square, dicimal, lower-roman, upper-roman, lower-alpha, upper-alpha, noneのいずれかで指定します。

list-style-position(CSS1,IE4)

マークの位置をinside, outside で指定します。

list-style-image(CSS1,IE4)

リストのマークとして表示するイメージを指定します。


注意事項

このヘルプについて

正確なHTMLの知識を得たい場合は専門のHPや参考書を読んでください。

このヘルプは専門家ではなく素人の作者が作成したものです。また、説明の便宜上、不適切な表現、語句の使用があるかもしれません。

あくまでTTT Editorの機能のひとつです。参考程度にご利用下さい。


使用許諾

タグリファレンス for TTT Editorの著作権はtaka36(Takao Yamada)が保有しています。

使用には制限はありませんが、転載、配布は一切禁止です。TTT Editorのアーカイブに含まれている場合はTTT Editorの使用許諾に準じます。

このヘルプを使用して発生したいかなる損害にも作者は責任を負わないものとします。（自己の責任のもとご使用下さい。）


サポート・連絡先

サポートについて

　タグリファレンス for TTT Editorに対する感想・要望、バグレポートなどは以下のメールアドレスまでメールでお願いします。またホームページにサポート掲示板も用意してありますのでそちらもご利用ください。

メールアドレス

　　taka36@support.club.ne.jp

タグリファレンス for TTT Editorの最新版は以下のホームページで入手できます。

    http://homepage1.nifty.com/taka36/