■ Netscape で使えるタグ
今回は、基本的なタグについての話の続きです。その前に少しだけ予備知識を。
実は、WWW ブラウザーの種類やバージョンによって、使えるHTML タグの種類が多少異なります。HTML タグの種類はおおまかに分類すると図 1 のようになります。HTML連載

2.0 というのは現在確定しているHTML の仕様で、3.0 はまだ検討段階なのですが、最近のWWW ブラウザーはこれを先取りして取り入れているものも増えています。
Netscape は、独自のタグを数多く追加しています。この独自のNetscape 拡張タグのために、非常に多彩な表現ができるようになり、美しいWWW ページがたくさん作られるようになりました。その反面、独自のタグを使った場合にはNetscape 以外のWWW ブラウザーでは同じように表示されないことを覚えて お く 必 要 が あ り ま す （ MS InternetExplorer などNetscape 拡張タグを認識するものもあります）。今後の説明ではこれらの種類が混在してきますので、別表（表 1）でHTML の種類を確認したうえで使用するようにしてください。

■改行する
HTML では、特に指定しない限り、改行を行いません。HTML ファイル内に改行を入れていても、WWW ブラウザーでは無視されて表示されます。
改行をするためには、その場所に<BR> というタグを入れます。

川添 歩 （かわぞえあゆむ）
アクセス株式会社

段落を変えるなど、1 行空けたい場合には

http://www.axes.co.jp/

ホームページ制作の手順と HTML の約束事がだいたい理解できたら、次はいくつかの基本的なタグを実際に使ってみることにしましょう。タグの種類はそれほど多くないので、すべてを覚えることはありません。必要に応じて本記事を参照していただければいいでしょう。

234 INTERNET magazine 1996/3

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

<P> タグ（Paragraph ＝「段落」の略）をあとの数字は1 から6 までを使うことができ、方にはやはり意味によるものと、直接指定す入れます。

これがランクを示します。1 が最も上位の見出るものとがあります。

なお、複数の改行を入れたい場合は<BR>をその数だけ入れます。<P> は複数入れても1 行空きにしかなりません。

■文字の指定しになり、ふつう最も大きな字で表示されます。

一般的には、書くのが簡単なこともあって、直接的な指定である<B>（Bold= 太字）やNetscape 拡張タグでは見出しの指定のほ<I>（Italic= 斜体）が使われています。
「意味

かに、<FONT SIZE=7> という形で、文字のを記述する」というHTML の基本に忠実に書大きさを直接指定することもできます。数字

くのであれば、<STRONG>（通常は太字に意外に思われるかもしれませんが、WWWは1 から7 までが使え、7 が最も大きな文字になる）や<EM>（通常は斜体になる）などをページに表示される文字の書体（フォント）なります。<H1> の指定とは数字の順番が逆使うことになります。

や大きさは、基本的には見る側がWWW ブラになりますので注意してください。

ウザーで設定します。これはHTML がもともとは「ここが大見出し」「ここが小見出し」

また、現在の文字の大きさから相対的に指●文字の種類定することもできます。その場合は、書体の指定はできませんが、表などで桁を「ここが本文」といった指定、つまり文章の<FONT SIZE=+2>揃えるときのために、等幅フォントにする指各部が持つ意味だけを記述するためのものだ<FONT SIZE=-1>定はできます。その場合は<TT> タグを使いったことによります。そのため文字の書体をのようにします。

ます。

<H1> といった見出しを指定した場合には、指定することは今のところできません。

表示される際に前後に必ず改行が入ることも●文字の大きさ●文字の色覚えておいてください。

クを張ったところは青、すでに行ったリンクは文字の大きさは、見出しのランクを指定す●文字のスタイルることで変えることができます。

何も指定しないと、通常の文字は黒、リン紫で表示されますが、これらの色を変更する

見出しの指定は<H1> というタグで行いま特定の文字列を強調したい場合は、太字やこともできます。これはHTML3.0 タグで、背す。H はHeading（見出し）の略です。H の斜体の指定をすることができます。指定の仕景に色や壁紙を指定できるのに対応したもの

HTML 3.0
スタイルシートなど

Netscape2.0 拡張<P ALIGN>など<TABLE>など

表 1 今回あつかうタグ

改行を挿入

HTML 2.0<P>

段落を変える（改行 2 つ）

最も基本的なタグ<H1>、<BR>、<HR>など<Hn> 〜 </Hn>

見出し指定<FONT SIZE=n> 〜 </FONT>

フォントサイズ指定（Netscape 拡張）<B> 〜 </B>

太字指定

<I> 〜 </I>

斜体指定

<STRONG> 〜 </STRONG>

強い強調（通常太字で表示）<EM> 〜 </EM>

強調（通常斜体で表示）<FONT COLOR="#hhhhhh"> 〜 </FONT>

フォントカラー指定（Netscape2.0 拡張）<TT> 〜 </TT>

等幅フォント指定<PRE> 〜 </PRE>

そのままの表示<BR>

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D<FORM><FONT COLOR>など<CENTER><FONT SIZE><BLINK>など

Netscape 拡張

図 1HTML のバージョンと使えるタグの種類

INTERNET magazine 1996/3235

です。詳しい指定の仕方は次ページの解説を参照してください。
さらに、Netscape 2.0 では任意の文字に好きな色をつけることができるタグが追加されました。サイズの指定と同様、FONT タグを使って、HTML

図 2 基本的なタグを使ったHTML ファイルのサンプル<FONT COLOR="#FF0000"> 〜</FONT><HTML>のように指定します。SIZE と組み合わせる場<HEAD><TITLE>How to make HomePage</TITLE></HEAD>合は、<BODY><FONT SIZE=2 COLOR="#FF0000"> 〜<H1> ホームページの作り方 </H1></FONT><H2> はじめに</H2>
今回は、基本的なタグについての続きです。<P>のように書きます。

その前に少しだけ予備知識を。<BR>
実は、WWW<B> ブラウザーの種類やバージョン</B> によって、使えるHTML タグの種類が多少異なります。<P>■テキストをそのまま表示する
改行やスペースを含めて、元のテキストフ<FONT SIZE=1> 文字のサイズ</FONT> を変える<BR><FONT SIZE=5> 文字のサイズ</FONT> を変える<BR>ァイルそのままに表示させるには、<PRE> タ<B> 文字のスタイル</B> を変える<BR>

グを使います。多くのテキストをホームページ<I> 文字のスタイル</I> を変える<BR>にしたい場合、細かい指定がいらないのであ<P><FONT COLOR="#FF0000"> 文字の色 </FONT> を変える<BR>

ればこのタグが便利です。等幅フォントで表示されます。

図 3 サンプルHTML の表示例

<H3>PRE タグあり</H3>「そのまま」の表示なので、行をウインドウ<PRE>の端で自動的に折り返すことはしませんから、First Hanako
Second Kyoko

各行の後ろに改行を入れておく必要がありま

Third Taro

す。

</PRE><BR>

図2 は今回解説したタグを使って作成した<H3>PRE タグなし</H3>First Hanako<BR>

HTML で、これをブラウザーで表示したもの

Second Kyoko<BR>が図3 です。自分でも設定を変えてみてブラ

Third Taro<BR>

ウザーにどう表示されるのか試してみてくださ</BODY>い。

</HTML>「主張する本棚」

236 INTERNET magazine 1996/3

個人のホームページによくあるもののひとつに、ったりすぐに役に立つ本ばかりではない。自分がMy Favorite Sites 、すなわち自分のお気に入とても気に入っている本を目立つところに置いてりサイトのリストがある。多くの場合はリンクを張おき、ときどきひっぱり出してはパラパラと読み返ったサイト名が並んでいるだけのものだ。このリスすために置いておくこともあるのだ。

トにはたいてい、自分がよく行くサイト、ときど本棚にどのような本が並んでいるかということが、き行っては楽しむサイトを連ねておく。

その所有者の興味や関心を如実に表すことになる。

これは現実の世界で言えば、自分の本棚に並んだだから私も他人の家を訪問した際には、本棚があ本の背を見ているようなものだ。本棚の中で見やるとすぐに目がいって、それをついじっくり眺めてすい場所に並べる本というのは、必ずしもよく使しまう。また逆に親しい友人が遊びに来てくれた

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

COLO

R

000102030405060708090A0B0C0D0E0F101112131415161718191A1B1C1D1E1F202122232425262728292A2B2C2D2E2F303132333435363738393A3B3C3D3E3F404142434445464748494A4B4C4D4E4F505152535455565758595A5B5C5D5E5F606162636465666768696A6B6C6D6E6F707172737475767778797A7B7C7D7E7F808182838485868788898A8B8C8D8E8F909192939495969798999A9B9C9D9E9FA0A1A2A3A4A5A6A7A8A9AAABACADAEAFB0B1B2B3B4B5B6B7B8B9BABBBCBDBEBFC0C1C2C3C4C5C6C7C8C9CACBCCCDCECFD0D1D2D3D4D5D6D7D8D9DADBDCDDDEDFE0E1E2E3E4E5E6E7E8E9EAEBECEDEEEFF0F1F2F3F4F5F6F7F8F9FAFBFCFDFEFF

色 の指 定 は 16 進 数 の組 み合 わせ
図 416 進数例で色を指定するしくみ●文字の色の指定方法
・一般の文字色赤・緑・青それぞれ2 桁ずつの16 進数で色を指定する。00 はその色がな
いということで、FF（10 進数の255）はその色を最も濃く混ぜるというこ<BODY TEXT="#hhhhhh">とだ。光の三原色なので、目的の色を指定するのはなかなか難しいが、色・リンク部分の文字色を指定するための専用のツールもフリーソフトやシェアウェアで存在する。
また、下記のようにシステムに付属のツールを使っても簡単にできる。

<BODY LINK="#hhhhhh">・既訪のリンク部分の文字色<BODY VLINK="#hhhhhh">
・背景（バックグラウンド）の色<BODY BGCOLOR="#hhhhhh">
これらを組み合わせるときには、<BODY

TEXT="#hhhhhh"

LINK="#hhhhhh"

Windows95 でならば「色の指定」ウィンドウVLINK="#hhhhhh"

で色を選び、右下の「赤」「緑」「青」の数字

BGCOLOR="#hhhhhh">

を16 進数に変換すればよい。10 進数を16 進数に変換するには、電卓を「関数電卓」にしのようにします。て「10 進」のボタンを押した状態で数字を入・特定部分の文字の色れ、「16 進」ボタンを押して、表示窓の16 進数を読みとる。

ページ全部にわたる指定ではなく、部分指定は<FONT> タグを使って次のようにします。
図 5Windows95 での計算例<FONT COLOR="#hhhhhh"> ここの文字の色が変わります</FONT>#FF0000

算ができます（図 5）。Macintosh では、・ 黄 ＝ 赤 と緑 のかけ合 わせになるので、

HexColor（フリーウェア）やHTML Color#FFFF00

Picker（シェアウェア）などで手軽に16 進数す。つまり色は6 桁の16 進数（0 〜 F）で指・灰色＝ 3 色の色をそれぞれ等しくやや暗めを得ることができます（図 6）。

定します。光の三原色である赤・緑・青はそにすればよいので、#777777

れぞれ256 階調を持つので、3 色の組み合わ・うす緑色 = 赤を薄く、緑を濃いめに、青をせで256 × 256 × 256 ≒ 1670 万色から選ぶ

やや混ぜて、#25D095●色の選び方色を指定するh の部分には16 進数が入りまことができるのです（図 4）。

目的の色に合致する16 進数を見つけるのは・黒＝ 3 色とも色がない状態なのでそれぞれ面倒なので、そのためのサイトやツールがいろを0 にして#000000いろあります。Windows 95 では「画面のプ・赤＝赤だけを最も濃くすることになるので、ロパティー」とアクセサリーの「電卓」で計図 6Macintosh 用の16 進数変換ユーティリティー
（付録 CD-ROM に収録）

ときに、自分の本棚を見てもらうのも、自分のこ見ただけではそれがどのようなサイトなのかわかりすれば行けるのだから、そのサイトの説明を事細とを理解してもらうための大切な要素になるから、にくいという点だろう。また、本棚に並べられたかにする必要はない。主観的に、個人的に書け嫌いではない。

本を題材にして所有者と訪問者がコミュニケーシばいい。個人のホームページを訪れる人は、少なつまり本棚は、その所有者の表現のひとつなのだ。

ョンをはかるといったことも、Web では難しい。

からずそれを作った人に興味を抱いているのだか同じように、お気に入りのサイトのリストも、そだから、もし自分のお気に入りサイトのリストをら、その興味に応えることにもなる。の人の興味や関心を示す表現にほかならない。本

自己表現として考えるのであれば、そのサイトをこんなちょっとした工夫で、リンクサイトのただ棚と異なる部分があるとすれば、本は背表紙を見なぜ自分がリストアップしているか、その理由をのリストが「主張する本棚」となって、あなたとればタイトルや著者名から、どのような内容の本少しでもいいから書くべきだ。それが自分の興味いう情報を発信し始めるだろう。

であるのか大方察しがつくのに対し、サイト名をを示す表現や主張になる。見ている人はクリック

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

INTERNET magazine 1996/3237

［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この PDF ファイルは、株式会社インプレス R&D（株式会社インプレスから分割）が 1994 年～2006 年まで発行した月刊誌『インターネットマガジン』の誌面を PDF 化し、「インターネットマガジン バックナンバーアーカイブ」として以下のウェブサイト「All-in-One INTERNET magazine 2.0」で公開しているものです。

http://i.impressRD.jp/bn
このファイルをご利用いただくにあたり、下記の注意事項を必ずお読みください。
z 記載されている内容（技術解説、URL、団体・企業名、商品名、価格、プレゼント募集、アンケートなど）は発行当時のものです。
z 収録されている内容は著作権法上の保護を受けています。著作権はそれぞれの記事の著作者（執筆者、写真の撮影者、イラストの作成者、編集部など）が保持しています。
z 著作者から許諾が得られなかった著作物は収録されていない場合があります。
z このファイルやその内容を改変したり、商用を目的として再利用することはできません。あくまで個人や企業の非商用利用での閲覧、複製、送信に限られます。
z 収録されている内容を何らかの媒体に引用としてご利用する際は、出典として媒体名および月号、該当ページ番号、発行元（株式会社インプレス R&D）、コピーライトなどの情報をご明記ください。
z オリジナルの雑誌の発行時点では、株式会社インプレス R&D（当時は株式会社インプレス）と著作権者は内容が正確なものであるように最大限に努めましたが、すべての情報が完全に正確であることは保証できません。このファイルの内容に起因する直接的および間接的な損害に対して、一切の責任を負いません。お客様個人の責任においてご利用ください。

このファイルに関するお問い合わせ先
All-in-One INTERNET magazine 編集部
im-info@impress.co.jp
Copyright © 1994-2007 Impress R&D, an Impress Group company. All rights reserved.