タグをそのまま表示させるには

質問

<font color="#ffff00">・・・</font>などのタグをそのまま
表示させるにはどのようにすればいいのでしょうか？
とりあえず下記のタグを試用してますが、<plaintext>以下が全部表示
になるので使いづらいのです。
よろしくお願いします。

<plaintext>

回答No.6

noname#45976

ほんとにそのまま使いたいなら、

<FORM>
<TEXTAREA rows="10" cols="35" readonly>
この部分にソースを書く。
</TEXTAREA>
</FORM>

でやってみるのはどうかな。テキストエリアになるけど、それで問題ないなら、ソースをそのままコピー出来て便利ですよー。

ちなみに、サイズ設定はソース内の下記の部分を変えてね。
rows="10"　・・・　縦幅
cols="35"　・・・　横幅

回答No.5

basil

■問題点
　ＨＴＭＬという言語でホームページが記述されるのは言うまでもありませんが、
　この言語では“<”と“>”で囲まれた部分を“タグ”と認識して処理するというのが基本原則です。

■解決方法
　こういった、あらかじめ機能を与えられた文字をブラウザ上に表示したい場合、
　機能を外す“エスケープ”の処理をしなければなりません。

この方法には２通りあります。

■具体策１
　１つは「文字参照」と呼ばれる方法で、
　まず“&”でエスケープを宣言したあと、文字名をいれ“;”でエスケープを閉じます。
　具体例を挙げると、
　　&lt;　→　<
　　&gt;　→　>
　　&amp;　→　&
　　&quot;　→　"
　　&nbsp;　→　（半角スペース）
　　&copy;　→　（コピーライトマーク）
　など...

■具体策２
　２つ目の方法はソース自体を無効にするタグで囲む方法。<PRE>～</PRE>でエスケープしたい範囲を囲みます。
　※<PLAINTEXT>～</PLAINTEXT>や<XMP>～</XMP>もありますが、
　　環境によって表示が安定しないことが多かったせいか、
　　新規格の“HTML4.0”では廃止になっています。
　　ホームページはずっと残ってゆくものです。
　　現状では動作しますが、将来性を考え使用を避けたほうが良いでしょう。

お礼

ありがとうございます。
他のHPなどのソースをみて
&lt;　→　<
　　&gt;　→　>
　　&amp;　→　&
　　&quot;　→　"
　　&nbsp;　→　（半角スペース）
　　&copy;　→　（コピーライトマーク）
なども見たのですが、あまり意味がわかりませんでした。
これでわかりました。やってみます、重ねてありがとうございます。

回答No.4

happy_people

xmpタグでしょ。

<xmp>
<font color="#ffff00">テキスト</font>
</xmp>

お礼

さっそくの解答ありがとうございます。
こういうのもあるんですねー、私の勉強不足ですね^^;
さっそくやってみます。

回答No.3

madman

記号は&LT（<）、&GT（>）、&AMP（&）、&QUOT（"）で表せます

<font color="#ffff00">・・・</font>の場合であれば
&LTfont color=&QUOT#ffff00&QUOT&GT・・・&LT/font&GT
で表記できます。

お礼

ありあとうございます。
なるほどー、わかりました。
他のHPのソースみても意味がわかりませんでしたが
わかりました、ほんとありがとう(^.^)

回答No.2

sesame

下の方の回答に加えて。
改行や空白をそのまま反映させたいのであれば、<PRE>～</PRE>タグを使ってください。
<PLAINTEXT>タグは廃止されたタグです。現在のブラウザではまともな動作が保証されません。

参考URL：

http://tohoho.wakusei.ne.jp/html/pre.htm

お礼

ありがとうございます。
<plaintext>タグは廃止だったんですね！！
やはり常に新しい参考書がいりますね。

回答No.1

hero1000

タグを書式設定としての動作をさせずに表示させたい、という解釈で回答します。

タグを括っている「<」「>」をそのまま入れずに、「&lt;」「&gt;」に置き換えて
やってみて下さい。

例えば「<font>」ならば「&lt;font&gt;」です。

お礼

ありがとうございます。
いろいろテクがあるのですね！！
やってみますね。
重ねてありがとうございます。