Preformat Tag

整形テキスト＜ＰＲＥ＞

プログラムのリストを置いたり、表をサポートしていない場合のために、固定幅フォントでスペース、改行、タグを有効にしたテキストを生成する必要があります。HTMLでは整形テキストを作成するためのタグ<PRE>が用意されています。開始タグ<PRE>と終了タグ </PRE>で囲まれテキストが整形テキストとなります。例えば、次のように用います。

<PRE>
  #!/bin/csh
  cd $SRC
  cfs get mysrc.f:mycfsdir/mysrc.f
  cfs get myinfile:mycfsdir/myinfile
  fc -02 -o mya.out mysrc.f
  mya.out
  cfs save myoutfile:mycfsdir/myoutfile
  rm *
</PRE>

この結果は、次のようになります。

  #!/bin/csh
  cd $SRC
  cfs get mysrc.f:mycfsdir/mysrc.f
  cfs get myinfile:mycfsdir/myinfile
  fc -02 -o mya.out mysrc.f
  mya.out
  cfs save myoutfile:mycfsdir/myoutfile
  rm *

もちろん、<PRE>の中でハイパーリンク(アンカー)を使用することもできます。ただし、注意として HTMLでは <、 >や&などは特殊記号として扱われるため、これらの文字は、エスケープシーケンス記号を使わなければなりません。

<PRE>の中の特殊記号
<	<	小なり
>	>	大なり
&	&	アンパーサンド

<PRE>タグを使った表

表の場合、

<PRE>
Months        Price 
--------------------
April            50
May             150
June            175
July            285
</PRE>

      Months        Price 
      --------------------
      April            50
      May             150
      June            175
      July            285

のように表示されます。ただし、ブラウザの<PRE>フォントが等幅フォントではない場合、表の位置が揃わなくなるために見づらくなるようですので、ブラウザの日本語フォントは等幅フォントを用いて下さい。また、 <U> (下線)タグを利用するともっときれいに作成できます (なお、Netscape Navigator (1.n、2.0) では下線タグをサポートしていません)。

<U>Months        Price </U>
April            50
May             150
June            175
<U>July            285 </U>

      Months        Price 
      April            50
      May             150
      June            175
      July            285

<PRE>タグと図の位置(水平方向)

<PRE> はエスケープシーケンス文字以外は特に気を使う必要がないため、素早くHTMLページを作る際にも使用されます。また、アスキーアート(Ascii art)などの表示にも役に立ちますし、Netscapeのようにインラインイメージを水平方向に好きな場所に置く設定ができないブラウザでは、 <PRE>タグ内に<IMG>を置く事によって、スペースで水平方向の調整が可能です。

<PRE>
                    <IMG SRC="img/T-sunshine.gif">
</PRE>

整形テキストのフォント

<PRE>タグの属性にVARIABLEを付けるとテキストのフォントが等幅フォントではなくなり、水平方向のスペース幅は無視されます。先程の例を使ってみます。

<PRE VARIABLE>
  #!/bin/csh
  cd $SRC
  cfs get mysrc.f:mycfsdir/mysrc.f
  cfs get myinfile:mycfsdir/myinfile
  fc -02 -o mya.out mysrc.f
  mya.out
  cfs save myoutfile:mycfsdir/myoutfile
  rm *
</PRE>

この結果は、次のようになります。

  #!/bin/csh
  cd $SRC
  cfs get mysrc.f:mycfsdir/mysrc.f
  cfs get myinfile:mycfsdir/myinfile
  fc -02 -o mya.out mysrc.f
  mya.out
  cfs save myoutfile:mycfsdir/myoutfile
  rm *

整形テキストの幅

<PRE>タグには WIDTH 属性が提案されていますが、これを使用できるブラウザは存在していないようです。WIDTH を指定すると、整形テキストの横幅文字数を指定できます。

<PRE WIDTH=30>
... テキスト ...
</PRE>

古い整列タグ

<PRE>タグと同じ機能を持つタグに、 <LISTING>、<XMP>、 <PLAINTEXT>などがありますが、古いタグとして扱われているため、使用できるブラウザもありますが、使うのは控えた方がよいでしょう。

<XMP>タグ

#!/bin/csh cd $SRC cfs get mysrc.f:mycfsdir/mysrc.f cfs get myinfile:mycfsdir/myinfile fc -02 -o mya.out mysrc.f mya.out cfs save myoutfile:mycfsdir/myoutfile rm * <a href="index.html">Go Back</a>

<LISTING>タグ

#!/bin/csh cd $SRC cfs get mysrc.f:mycfsdir/mysrc.f cfs get myinfile:mycfsdir/myinfile fc -02 -o mya.out mysrc.f mya.out cfs save myoutfile:mycfsdir/myoutfile rm * Go Back

<PLAINTEXT>タグ

<PLAINTEXT> タグは以降のテキストのタグを無視して、等幅テキストで表示します。

<PLAINTEXT>
... テキスト ...
   (タグ無視)

[Up] [Next] [Previous]