テキスト文がhtmlであらわれてしまうのはなぜ？

前へ 次へ
このQ&Aのポイント
  • テキスト文がhtmlであらわれてしまうのはなぜ？メモ帳に以下のような記述をして、 aaa.txtとして保存しました。html上で aaa.txtにリンクを貼りました。html上でリンク付けしたaaa.txtを開くと、テキスト文ではなく、htmlに変わってしまいます。つまり、下の「文字にホバーをかける」が実際にホバーがかかった状態ででてきてしまうのです。これをテキスト文だけにするにはどうしたらいいのでしょうか？
  • テキスト文がhtmlであらわれてしまう理由について理解を深めましょう。メモ帳に保存したテキストファイルをhtml上でリンク付けすると、テキスト文がhtmlに変わってしまいます。例えば、「文字にホバーをかける」のような効果もhtml上では実際に発揮されてしまいます。テキスト文だけを表示させる方法についても考えてみましょう。
  • html上でテキスト文がhtmlに変わってしまう原因を知りましょう。メモ帳で保存したテキストファイルをhtml上でリンク付けすると、テキスト文がhtml形式に変換されて表示されます。これにより、テキスト文が効果やスタイルも含めてhtml上で表示されてしまうのです。テキスト文のみを表示させる方法についても調べてみましょう。
回答を見る
  • ベストアンサー

テキスト文がhtmlであらわれてしまうのはなぜ？

テキスト文がhtmlであらわれてしまうのはなぜ？ メモ帳に以下のような記述をして、 aaa.txtとして保存しました。 html上で aaa.txtにリンクを貼りました。 html上でリンク付けしたaaa.txtを開くと、テキスト文ではなく、htmlに変わってしまいます。つまり、下の「文字にホバーをかける」が実際にホバーがかかった状態ででてきてしまうのです。 これをテキスト文だけにするにはどうしたらいいのでしょうか？ ================================================= ホバーをかける（テキストにマウスを乗せると色が変わる ） <SPAN STYLE="font-size:24pt" onMouseOver="window.event.srcElement.style.color = 'red'" onMouseOut="window.event.srcElement.style.color = 'black'"> 文字にホバーをかける </SPAN>

質問者が選んだベストアンサー

  • ベストアンサー
noname#3361
noname#3361
回答No.1

<xmp> ここへ記述 </xmp> やってみてください。

grizzly
質問者

お礼

すぐできました。 ありがとうございました。 助かりました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • ネットスケープでも見えるオンマウスの説明文

    ボタンに触れると説明文が出て、ボタンを押すとリンク先に飛ぶというのがIEではできました。ところが、NNだと、ボタンに触れても説明文が表示されません。 NNでもIEでもできるようにすればどうすればよいのでしょうか？ <a href="リンク先のアドレス" onmouseover="txt1.style.display='block'" onmouseout="txt1.style.display='none'"> <img src="ボタンのファイル名"></a><br>　 <span id="txt1" style="display:none;position:absolute; color:説明文の色;background-color:white">　　　 説明文</span> ※ボタンを押したときに、ボタンが黒い点々で囲まれる（リンクを示すもの？）は説明文をいっしょに囲みたくないのでこうなりました。

    • ベストアンサー
    • HTML
  • mapリンクとテキストスタイルの連動について

    年末に失礼します。 　＿＿＿＿＿ ｜　　　　　　｜　　aaa(テキスト) ｜　ＭＡＰ　　｜　　bbb(テキスト) ｜　　　　　　｜　　ccc(テキスト) ￣￣￣￣￣￣ 上記のようなHTMLページを作りました。 MAPのリンクにマウスをあわせると、テキストのスタイルが変更するよう設定したいのですが、どのようにすればよいでしょう？ 自分で作ったスクリプトは以下の通りです。 ----------------------------------------------- <style type='text/css'> #s1 {color: "#000000"; font-size:14pt;} </style> <script language="JavaScript"> function setChange(){ 　　document.getElementById("s1").style.color = "#FF0000"; 　　document.getElementById("s1").style.fontSize = 20pt; } function setReturn(){ 　　document.getElementById("s1").style.color = "#000000"; 　　document.getElementById("s1").style.fontSize = 14pt;　} </script> <map name="X"> <area shape=circle coords="x,y,z" 　onMouseover="setChange()" 　onMouseout="setReturn()" 　href="http://www.yyy.com/"> </map> <span id="s1">aaa</span> *<head><body>のタグは省略 ------------------------------------------------- ものの見事に反映しませんoTZ。修正・ご教示をお願いします。 また、bbb・cccもaaaと同様のスタイル変更をかけたいので、「この方がよい」というアイデアがありましたら、お教え下さい。 宜しくお願いします。

  • カーソルを当てると真下に説明文が来て困ってます。

    <div class="sub3"><img src="○○.gif"> <a href="http:○○.html" onmouseover="txt4.style.display='block'" onmouseout="txt4.style.display='none'"> ○タイトル○</div></a> <span id="txt4" style="display:none;position:absolute; border:3px solid #ff0000;color:#FF0099;background-color:#FFFFCC;"> ○説明文○ </span> と記入したのですがカーソルを当てると説明文が 真下に来てしまいます。 右横に来るようにするにはどうしたら良いでしょうか？ なお<div class="sub3">というのは .sub3 { width: 180px; 　　　 height: 8px; 　　　 padding: 2px 7px 0px 0px;　 　　　 font-weight: bold; 　　　 color: #ff69b4; font-size:11px; } という定義です。 どうしたら真下でなく横に説明文の枠が来るようにできますか？

  • オンマウスでテキストエリアにテキスト表示

    現在、「猫」という文字にカーソルを合わせると text1のテキストエリアに 「ニャンと鳴く」と表示されるスクリプトを作成しました。 記述の一部ですが下に示します。 <form name="form1"> <TEXTAREA name="text1" rows="5" cols="40"></TEXTAREA> </form> <span onmouseover="txt_dsp('text1','ニャンと鳴く');"onmouseout="txt_dsp('text1', '');">猫</span><br> 教えていただきたいのは'ニャンと鳴く'という部分を msg.txtというテキストファイルに書かれた'ニャンと鳴く' で表示したいのですが、どのような記述にしたらよろしいでしょうか？ よろしくお願い致します。

  • テーブルとオンマウス

    <span> <a onmouseover="setSpanDisplay(this,'block')" onmouseout="setSpanDisplay(this,'none')">test</a> <span class="txt1" style="display:none;position:absolute;border:1px outset 線の色;color:説明文の文字色;background-color:#ffffe1;width=465;">ほげ1<br></span> </span> <span> <a onmouseover="setSpanDisplay(this,'block')" onmouseout="setSpanDisplay(this,'none')">test</a> <span class="txt1" style="display:none;position:absolute;border:1px outset 線の色;color:説明文の文字色;background-color:#ffffe1;width=465;">ほげ2<br></span> </span> <span> <a onmouseover="setSpanDisplay(this,'block')" onmouseout="setSpanDisplay(this,'none')">test</a> <span class="txt1" style="display:none;position:absolute;border:1px outset 線の色;color:説明文の文字色;background-color:#ffffe1;width=465;">ほげ3<br></span> </span> <span> 以前ここで回答を頂いた上記をスクロールバー付きのテーブルの中で使おうと思いましたが（少し省略してあります）問題が発生したので質問しました。 分かりづらいですが、画像で解説です。 http://www3.ezbbs.net/22/kinokokinoko/img/1185714736_1.JPG スクロールバー付きのテーブルの中の文字Aの上にマウスを置いた時に文字Cの位置、つまりスクロールバー付きのテーブルの外側に文字を出したいのです。 しかし、実際にはスタイルシートで位置を指定してもマウスを文字Aの上に置いた時、文字Bのようにスクロールバー付きのテーブルの内部に文字が表示されてしまいます。 これを最初に書いた通り、スクロールバー付きのテーブルの外側に文字を指定の位置に表示する方法はあるのでしょうか？。

    • ベストアンサー
    • HTML
  • スタイルシートでレイアウトしたいのですが出来ません。

    <a href="○○.html" onmouseover="txt1.style.display='block'" onmouseout="txt1.style.display='none'"> ○○タイトル○○</div></a> <span id="txt1" style="display:none;position:absolute; border:3px solid #ff0000;color:#FF0099;background-color:#FFFFCC;"> ○○説明文○○</span> 上のような<txt>タグが全部で２０個以上あるので （つまりtxt1～txt20まであります） CSSでレイアウトしたいのですがうまくいきません。 上のタグをCSSでどのように定義づけたら <div class>で作れるようになるか教えてください。

  • オンマウス

    <a onmouseover="txt1.style.display='block'" onmouseout="txt1.style.display='none'">$data[1]</a> <span id="txt1" style="display:none;position:absolute; border:1px outset 線の色;color:説明文の文字色;background-color:#ffffe1;width=465;">$data[2]<br></span> オンラインマウスのサイトで上記の物を使用しています。 CGIで上記の物を使用していますが同一ページに複数あるとエラーで文字が表示されません。 「txt1」を変更すれば表示されるのは分かっているのですが、いちいち「txt1.txt2...」と変更せずに、これを同一ページに複数表示させるにはどうしたらよいでしょうか？。

  • 画像アイコンにリンクつけたいし、説明もポップアップさせたい

    お世話になっております<m(__)m> タイトルのとおりなのですが、画像アイコンにリンクつけたいし、説明もポップアップさせたいんです。 http://rurunta.gooside.com/ ↑のページを参考にしました。作者さま、ありがとうございます<m(__)m> それぞれ、下記のようなソースで作ればいいとのことですが、 <a href="表示させたいペ－ジのURL" onmouseover="txt1.style.display='block'" onmouseout="txt1.style.display='none'">表示させる文字</a> <span id="txt1" style="display:none;position:absolute; border:線の太さpx 線の種類 線の色;color:説明文の文字色;background-color:説明文の背景色;">説明文</span> どちらも同時に使いたい場合は、どうソースを並べればいいのでしょうか？ このページに、サンプルがありましたので、このページ自体のソースを見ようかと思いましたが、フレームでつくってあるせいか、発見できませんでした。。。 あと、このソースのなかに「border:線の太さpx 」とありますが、ｐｘってなんでしょうか？

  • onmouseoverはCSS参照に含められるか？

    <div style="color: blue;" onmouseover="this.style.color='red'" onmouseout="this.style.color='blue'">あああ</div>を、 <style type="text/css"> <!-- div { onmouseover="this.style.color='red'"; onmouseout="this.style.color='blue'; } --> </style> みたいには書けませんか？ a:hoverだったらできるのは承知していますが、 タグが<a>でなく<div>なので、onmouseover、onmouseoutを使わざるを得ず、 さらにonmouseover、onmouseoutはCSSでなくJSだと思うのですが。

    • ベストアンサー
    • CSS
  • 特定の場所の番号を連続して入力する方法やソフト

    <a onmouseover="txt1.style.display='block'" onmouseout="txt1.style.display='none'"> 上記ので「txt1」という2つの部分だけを <a onmouseover="txt2.style.display='block'" onmouseout="txt2.style.display='none'"> <a onmouseover="txt3.style.display='block'" onmouseout="txt3.style.display='none'"> 「txt2」「txt3」と書きかえていき、今現在1200まで書いてきました。 しかし「txt10000」まで書かなくてはいけません、大変なので数字の部分だけ連続して番号を書けるようになるソフトはありますでしょうか？。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する