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

<plaintext>

このQ&Aに関連する最新のQ&A

A 回答 (6件)

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



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

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

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

■問題点


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

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

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

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

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

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

お礼日時:2001/06/05 08:37

xmpタグでしょ。



<xmp>
<font color="#ffff00">テキスト</font>
</xmp>
    • good
    • 0
この回答へのお礼

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

お礼日時:2001/06/05 08:39

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



<font color="#ffff00">・・・</font>の場合であれば
&LTfont color=&QUOT#ffff00&QUOT&GT・・・&LT/font&GT
で表記できます。
    • good
    • 0
この回答へのお礼

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

お礼日時:2001/06/05 08:41

下の方の回答に加えて。


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

参考URL:http://tohoho.wakusei.ne.jp/html/pre.htm
    • good
    • 0
この回答へのお礼

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

お礼日時:2001/06/05 08:43

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



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

例えば「<font>」ならば「&lt;font&gt;」です。
    • good
    • 0
この回答へのお礼

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

お礼日時:2001/06/05 08:46

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q▲▲テーブルと一緒には使えない?

こんばんは☆僕は今テーブルを利用してカラーコード一覧を作成しています。そこで日本語の文字を入力したのですが…<FONT size="2">Color Code一覧</FONT>と「テーブルの外に」入力すると【Color Codeˆ&ecirc;—— 】←のように表示されます…。直接【Color Code一覧】入力すると問題はありません。なぜでしょうか?わかる方教えてください☆
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</FONT size="2">Color Code一覧</FONT>
<TABLE Border Cellspacing="1"Width="20%" align="center">
<TR>
<TD><FONT size="3" face="MS UI Gothic"><DIV align="center">Collar Code・RGB</DIV></FONT></TD>
</TR>
</TABLE>
<BR>
<TABLE Border Cellspacing="1" Width="75%" align="center">
<TR>
<TD colspan="6"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000000 - #00ffff</DIV></FONT></TD>
</TR>
<TR>
<TD BgColor="#000000"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000000</DIV></FONT></TD>
<TD BgColor="#000033"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000033</DIV></FONT></TD>
<TD BgColor="#000066"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000066</DIV></FONT></TD>
~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~
</TR>
</TABLE>
</BODY>
</HTML>

こんばんは☆僕は今テーブルを利用してカラーコード一覧を作成しています。そこで日本語の文字を入力したのですが…<FONT size="2">Color Code一覧</FONT>と「テーブルの外に」入力すると【Color Codeˆ&ecirc;—— 】←のように表示されます…。直接【Color Code一覧】入力すると問題はありません。なぜでしょうか?わかる方教えてください☆
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</FONT size="2">Color Code一覧</FONT>
<TABLE Border Cellspacing="1"Width="20%" align="center">
<TR>
<TD><FONT...続きを読む

Aベストアンサー

http://homepage3.nifty.com/f-page/hp/html/meta01.html
メタタグでcharsetを設定したらどうでしょうか
文字化けしてると思います。

Qhtmlの練習問題をしてます。タグと

タグについてです。

a b

c

htmlの練習問題をしてます。<h>タグと<p>タグについてです。

<h1>a</h>
b
<p>c</p>

と記述したら、

a

b

c

と表示されます。

分からないのが、
b〜c間に1行分スペースが入る理由がわかりません。
a〜bは、<h>タグが前後に1行分スペースなのでわかりますが、
<p>タグは、前には1行分スペースはいりませんよね。終了タグに改行が入り、その後1行分スペースですよね?
bとcの間のスペースはどこからでしょうか?
こんな問題ですみません…m(._.)m

Aベストアンサー

<P>タグはParagraphの略で、<P>~</P>で囲まれた部分がひとつの段落であることを表します。 一般的なブラウザでは<P>~</P>の前後に1行分改行されます。
<www.htmq.com/html/p.shtml>

Q<ul>タグを使うと勝手に<p>タグになる

どなたか教えてください・・ワードプレスでサイトを作っています。

<ul>などのリストタグを使うと、その前にある文章が<p></p>でくくられてしまいます。
<br />にしても、リストタグを使うとそうなってしまうのですがどうすればいいでしょうか。
なぜ、勝手にタグが書き換えられてしまうのか知りたいのです。

これはもうワードプレスのシステムの問題で自動的にそうなってしまうのでしょうか・・そのへんのことはよくわからないのですが。この質問をするにあたって何をお伝えすればいいのかわからないので、疑問な点ありましたら聞いてください。追記いたします。


<p>タグは行送りの間隔が広いのでデザイン的に見映えが悪くなり、使いたくないのです。
テーブルを使うなどするしかないんでしょうか?
表とかはあまり使うなと先輩にいわれているので、できればこの問題を解決できればうれしいです。よろしくおねがいいたします。

Aベストアンサー

通りすがりですが、wordpress使いとしてひとこと。
ブログ内の文章は基本的にp要素でくくられる必要がありますし(div要素内に直接文章を書くべきではない)、p要素の中に他のブロック要素を含めてはいけないというルールもあります。
従って、wordpressが

<p>テキスト</p>
<ul>
<li>リスト</li>
<li>リスト</li>
</ul>
<p>テキスト</p>

のように直してくれるのは正しいのだと私は思います。

 > <p>タグは行送りの間隔が広いのでデザイン的に見映えが悪くなり、使いたくないのです。

ということであれば、記事内のp要素のmarginをCSSファイルで調整すればよいのではないかと思います。

参考URL:http://bakera.jp/ref/html/element/p

Q

<ul>タグの後の<div>タグのmarginについて教えてください

現在制作しているホームページで下記のようなタグを書きました。

☆・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・☆

ul.menu-a {margin:0;
       padding:0;}
ul.menu-a li {float:left;
        text-indent:-9999px;
        overflow:hidden;
        list-style:none;}
ul.menu-a li a {display:block;
         width:100px;
         height:100px;}
li.menu-a1 a {background:url(◯.gif) 0 0 no-repeat;}
li.menu-a1 a:hover {background:url(◯.gif) 0 -100x no-repeat;}
li.menu-a2 a {background:url(◯.gif) -100px 0 no-repeat;}
li.menu-a2 a:hover {background:url(◯.gif) -100px -100px no-repeat;}
.font{color:#000000;
    margin : 100px 0px 100px 0px;
    border: 1px ;}


<img src="image/123.gif">
 <ul class="menu-a">
  <li class="menu-a1"><a href="123.html">123</a></li>
  <li class="menu-a2"><a href="456.html">456</a></li>
 </ul>
 <ul class="menu-b">
  <li class="menu-b1"><a href="abc.html">abc</a></li>
  <li class="menu-b2"><a href="efg.html">efg</a></li>
 </ul>
<div class="font">あいうえお</div>

☆・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・☆

※<ul>部分はオンマウスで画像が変わるように外部スタイルシートで指定しています。
※長くなるのでul.menu-bのスタイルシート部分は省きましたがul.menu-a とほぼ同じです。


このようなタグの場合、<div class="font">あいうえお</div>の部分に指定している
margin要素は1番上の<img src="image/123.gif">から考えた数値になるのでしょうか?

<ul class="menu-b">の後から考えるものだとばかり思っていたのですが
あれこれ試していく中で、今回のような<ul>の使い方をしている場合は
<ul>タグの存在は無視するべきなのでは?と思い至ったのですが確証には至らず
ここで質問させて頂きました。


様々な本やサイト様を参考させては頂いてるものの
自己流・付け焼き刃な知識しかないものでおかしな質問になっていたらすいません。
詳しい方がいらっしゃいましたら、どうぞよろしくお願いします。

<ul>タグの後の<div>タグのmarginについて教えてください

現在制作しているホームページで下記のようなタグを書きました。

☆・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・☆

ul.menu-a {margin:0;
       padding:0;}
ul.menu-a li {float:left;
        text-indent:-9999px;
        overflow:hidden;
        list-style:none;}
ul.menu-a li a {display:block;
         width:100px;
         height:100px;}
li.menu-a1 a {b...続きを読む

Aベストアンサー

ああ、、これは失礼しました。

ulやliタグがfloatで通常のタグの流れから浮かされているため、
.fontもfloatで浮かせないとmargin-topは効きません。
clearは自動調整(min-margin-topのようなものです※そんなスタイルは実際ありませんが…)
効いているIEのほうが間違いです。

解決する方法は2つあります。

(1)ul.menu-bのmargin-bottomで余白を指定する。.fontはclearでこのmargin-bottom分も自動調整されます。

ul.menu-b{
margin:0 0px 100px 0px;
}

(2)あえて.fontをfloat:leftして、同じ階層に持っていったうえでmargin-topを効かせる。

.font{
clear:both;
float:left;
width:100%;
margin:10px 0px 100px 0px;
}

ただし、(2)の場合はその後の要素がまた同じ問題を抱えますが。

参考URL
http://mb.blog7.fc2.com/blog-entry-62.html
http://www.geocities.jp/multi_column/float/06.html

ああ、、これは失礼しました。

ulやliタグがfloatで通常のタグの流れから浮かされているため、
.fontもfloatで浮かせないとmargin-topは効きません。
clearは自動調整(min-margin-topのようなものです※そんなスタイルは実際ありませんが…)
効いているIEのほうが間違いです。

解決する方法は2つあります。

(1)ul.menu-bのmargin-bottomで余白を指定する。.fontはclearでこのmargin-bottom分も自動調整されます。

ul.menu-b{
margin:0 0px 100px 0px;
}

(2)あえて.fontをfloat:leftして、同じ階層に持ってい...続きを読む

Q と、

<td></td> と、<td><BR></td>

ホームページビルダーで作ったホムペを、KompoZerというHTMLエディタで開くと、
テーブルのなにも入っていないセルに<BR>タグが勝手に挿入されてしまいます。
<td></td> と、<td><br></td> は、
ブラウザ上ではどちらでもちゃんと表示されるのですが、
HTML文法的にはどちらが正しいのでしょうか?
また、どちらも正しい場合、<br>がある・ないで、違いがあるのでしょうか?

※ホームページビルダー、KompoZerの善し悪しは無視してください。

Aベストアンサー

文法的にはどちらも正しいです。
ブラウザの種類やHTMLのモードによって、tdが空だと、見え方が違うケースがあります。
tableでborderを指定したときに、へこんで見えるかどうか。空でないとかならずへこんで見えます。


このカテゴリの人気Q&Aランキング

おすすめ情報