- ベストアンサー
HTMLで表示させる記述を教えてください。
お世話になります。 すいません教えてください。 $bannerには、GIFバナーにリンクが付いている内容です。 内容としては、 <a href="http://www.homepage.com/"><img src="mihon.gif"></a> とします。 これを、 print "$banner\n"; と書くと、バナーが表示されてしまいます。 これを、ウェブ上でHTMLで<a href="http://www.homepage.com/"><img src="mihon.gif"></a>と表示させるにはどうしたらいいのでしょうか？ よろしくお願い致します。
- kitaone
- お礼率90% (278/306)
- Perl
- 回答数2
- ありがとう数9
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
< を < > を > に置換すればいいと思うわ より完璧にするなら " を " に置換するとなおいいわ
その他の回答 (1)
preタグとcodeタグを用いるとご希望の表示が実現できます。 下記が参考になると思います。 ■code と pre でソースを表示しよう http://honttoni.blog74.fc2.com/blog-entry-98.html
お礼
少しだけリンク先を拝見しましたが、gogo1977さんのご回答はHTMLで記述する場合のことじゃないでしょうか？ Perlのプログラム内での処理ですので今のところ解決したと思っております。 参考にさせていただきます。ありがとうございました。
関連するQ&A
- バナーループについて
flash使用なしのxmlファイルを使用して、ループするローテーションバナーかバナーループをやりたいと思っております。 海外サイトでjsを見つけて、テストをしようと思ってくんでみたのですがうまくいきません。 色々しらべたのですが手詰まり感で質問しました。 宜しくお願いします js <script> function change_banner(){ data=xmldata[sample]; //get current banner XML object img=$(data).attr("src"); //retrieve variables href=$(data).attr("href"); target=$(data).attr("target"); $(".banner_img_href").attr("href",href); //change variables on HTML $(".banner_img_href").attr("target",target); $("#banner_image").attr("src",img); } </script> </head> html <body> <div class="banner"> <div class="banner_text"> <a class="banner_img_href" href="http://someurl.com"> <img src="images/xF0mp.gif"> </a> </div> <div class="banner_img"> <a class="banner_img_href" href="http://someurl.com"> <img border='0' src="images/tO9x.gif" id='banner_image' alt='Banner Image' /> </a> </div> </div> xml <?xml version="1.0" encoding="utf-8"?> <list_database> <row> <src>/images/p2B12.gif</src> <url>http://autoway.jp/</url> <target></target> </row> <row> <src>/images/xF0mp.gif</src> <url>p2B12.gif</url> <link>http://www.yahoo.co.jp/</link> </row> </list_database>
- 締切済み
- JavaScript
- srcに「banner.」で始まるファイルを指定しているimgタグが消える
急に謎の症状が発生して困っています。 何か知っている方がいたらご教示お願いします。 謎の症状が起きるスクリプトの例------------------------ echo '<div>'; echo '<a href="hoge1"><img src="img/banner.jpg"></a>'; echo '<a href="hoge2"><img src="img/banner2.gif"></a>'; echo '<a href="hoge3"><img src="banner.gif"></a>'; echo '<a href="hoge4"><img src="banner.png"></a>'; echo '<a href="hoge5"><img src="hogehoge.gif"></a>'; echo '</div>'; ------------------------------------------------------ 上記のようなスクリプトを実行した場合に、3行目の「img/banner2.gif」と6行目の「hogehoge.gif」を指定しているimgタグしか表示されません。 残りはimgタグの部分だけ綺麗さっぱりに消えてaタグの部分だけ表示されます。実行結果が下記のようになるのです。（実際には改行されませんが、見やすいように改行してます。） 実行結果--------------------------------------- <div> <a href="hoge1"></a> <a href="hoge2"><img src="img/banner2.gif"></a> <a href="hoge3"></a> <a href="hoge4"></a> <a href="hoge5"><img src="hogehoge.gif"></a> </div> ----------------------------------------------- banner.gifやimg/banner.gifは表示されるファイルと同じディレクトリの中に存在しています。 昨日ちゃんと表示されていたのを確認しました。そのときからサーバーの設定は変更していないので、何が原因なのかが分かりません。 過去に同じような症状が起こった方はいないでしょうか？ PHPのエラーログを見てもエラーも警告もありませんでした。 【環境】 OS: CentOS/5 HTTPD: Apache/2.2.3 PHP: PHP/5.1.6（eAccelarator、ZendOptimizerが入ってます） ちなみに「banner」だけだとOKでした。「banner.」が付くとダメみたいです。 よろしくお願いします。
- ベストアンサー
- PHP
- バナーの貼り方が、わかりません…
ＨＰは、魔法のｉらんどと言うサイトを使ってます。 <!-- smaf global banner --> <a href="http://smaf-yamaha.com/"> <img src="img/smaf_banner_full.gif" width="468" height="60" border="0"></a> <!-- smaf global banner end --> これを貼ってますが、画像が表示されません。 バナーの枠は、でますが×になってます… 何か他に必要なのでしょうか？
- ベストアンサー
- HTML
- HTMLの記述について
HTMLの記述について二つ質問です． (1) ，一つ下のディレクトリにある画像などを参照するとき， a) <img src="images/logo.gif"> b) <img src="./images/logo.gif"> と，どちらの記述でも同じ画像を表示できますが，何か違いがあるのでしょうか． (2) たまに，<br> を <br /> などと記述しているHTMLソースをみかけますが， これらにも何か違いはありますか？ よろしくお願い致します。
- ベストアンサー
- HTML
- innerHTMLによるアニメーションGIFの表示について
おたずねします。 ３つのアニメーションGIFを順に表示させて、最後まで行くと最初の画像に戻るように記述しました。 サンプルページURL http://oreryu.sakura.ne.jp/sample/gif_out.html IE6.0では問題ないのですが、Firefox2.0で表示すると、 2周目以降の表示がおかしくなります。 具体的には各アニメーションの最後のフレームが指定時間表示され、 次の画像に遷移するので、全くアニメーションが行われません。 また、どの画像で不具合が起こるかが限定されないようです。 ブラウザの問題かと思い、 キャッシュしない記述なども試しましたがうまくいきませんでした。 外部javascriptのソース banner= new Array(); banner[0]=('<a href="#"><img src="1-1.gif" alt="" width="375" height="125" border="0"></a>'); banner[1]=('<a href="#"><img src="2-1.gif" alt="" width="375" height="125" border="0"></a>'); banner[2]=('<a href="#"><img src="3-1.gif" alt="" width="375" height="125" border="0"></a>') time= new Array(); //バナーの表示時間 上から表示順 time[0]=(5000); time[1]=(5000); time[2]=(5000); var menu=0; function bchange(){ document.getElementById('banner_change').innerHTML=(banner[menu]); timerID = setTimeout("bchange()",time[menu]); if(menu == banner.length-1){ menu=0; }else{ menu++; } } HTMlファイルのソース <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <script language="javascript" type="text/javascript" src="banner_chg.js"></script> </head> <body> <span id="banner_change"> <script language=javascript> <!-- bchange(); //--> </script> </span> </body> </html> できれば上記のinnerHTMLを使用してタグを書き換えるやり方で、 正常に表示できる方法を探しています。 御存知の方がいれば教えてください。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- HTMLでHP制作、画像の横にアンダーバーが出てしまいます
現在HTMLを使ってHPを制作中です。 HTMLは初心者で、ウェブや本を参考して作っています。 そこで問題が発生しました。回答よろしくお願いします。 以下のHTMLタグを入れたところ（○○以外はコピペしました）、 <HTML> <HEAD> <TITLE>○○○</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="20" BOTTOMMARGIN="0" BACKGROUND="○○.gif"> <DIV ALIGN="CENTER"> <IMG SRC="○○.gif"> <A HREF="○○.htm"><IMG SRC="○○.gif" BORDER="0"> <A HREF="○○.htm"><IMG SRC="○○.gif" BORDER="0"> <A HREF="○○.htm"><IMG SRC="○○.gif" BORDER="0"></A> <IMG SRC="○○.jpg" WIDTH="200" HEIGHT="159"> </DIV> </BODY> </HTML> htmで確認したところ、 2と3個目のIMGの横（右下）に小さなアンダーバーのようなものが表示されてしまいます。 これを表示しないようにしたいのですが、調べても解決しませんでした。 初心者なもので、質問する内容に情報が足りなかったら教えて下さい。 回答、よろしくお願いします！
- ベストアンサー
- HTML
- 外部ファイルの記述の仕方
HTMLにリンクを指定している画像にマウスが重なったときに画像を変化するようにHTML文法にJavaScriptを指定しているのですが、外部ファイル化したいのですがどのように記述すればよいでしょうか？ <a href="1.html"> <img src="menu01.gif" onMouseOver="this.src=\'menu11.gif\'" onMouseOut="this.src=\'menu01.gif\'" height="30" width="138" > </a> <a href="2.html"> <img src="menu02.gif" onMouseOver="this.src=\'menu12.gif\'" onMouseOut="this.src=\'menu02.gif\'" height="30" width="138" > </a>
- ベストアンサー
- JavaScript
- 2箇所の画像をランダムに複数表示
はじめましてjavascript初心者のものです。 2箇所に配置されてる各画像をランダムに表示したく、以下宣言をしてますがどうしても2箇所目が表示されません。お手数ですが、教えてください！ 2箇所目をrandWrite_sとして名前を変更してます。 ▼▼▼▼▼▼▼▼▼▼▼▼meta内タグ▼▼▼▼▼▼▼▼▼▼▼▼ <script type="text/javascript"> <!-- // ランダムに画像を表示する1箇所目 var randObjects=[ '<a href="#"><img src="/images/ad_banner01.gif"></a>', '<a href="#"><img src="/images/ad_banner02.gif"></a>', '<a href="#"><img src="/images/ad_banner03.gif"></a>' ]; function randWrite() { var rr = parseInt(Math.random() * randObjects.length); document.write(randObjects.slice(rr)[0]); randObjects.splice(rr,1); } //--> </SCRIPT> <script type="text/javascript"> <!-- // ランダムに画像を表示する2箇所目 var randObjects=[ '<a href="#"><img src="/images/ad_banner01_s.gif"></a>', '<a href="#"><img src="/images/ad_banner02_s.gif"></a>', '<a href="#"><img src="/images/ad_banner03_s.gif"></a>' ]; function randWrite_s() { var rr = parseInt(Math.random() * randObjects.length); document.write(randObjects.slice(rr)[0]); randObjects.splice(rr,1); } //--> </SCRIPT> ▲▲▲▲▲▲▲▲▲▲▲▲meta内タグ▲▲▲▲▲▲▲▲▲▲▲▲ ▼▼▼▼▼▼▼▼▼▼▼▼body内タグ▼▼▼▼▼▼▼▼▼▼▼▼ <p><script type="text/javascript">randWrite();</script></p> <p><script type="text/javascript">randWrite_s();</script></p> ▲▲▲▲▲▲▲▲▲▲▲▲body内タグ▲▲▲▲▲▲▲▲▲▲▲▲
- ベストアンサー
- Java
- アメブロで人気ブログランキングのバナーをはりたいのですが、はれません。
アメブロで人気ブログランキングのバナーをはりたいのですが、はれません。 人気ブログランキングのページで 指示された <a href="http://blog.with2.net/link.php?1073497"><img src="http://image.with2.net/img/banner/banner_13.gif" width="80" height="15" border="0" alt="人気ブログランキングへ"></a> これをアメブロの記事のところに貼ってみたのですが そのままでてしまいます。 HTML表示をおしてやっても そのままでてしまいます。 どうやったらはれますか？
- ベストアンサー
- ブログ
- HTMLについて
契約しているブログの、リストという項目にHTML書き、 バナーの埋め込みをやろうとしてます。上手くいきません。 現象は次の様になります。 HTML文 <a href="http://***.web.fc2.com/index.html"> <img src="http://***.web.fc2.com/logo.jpg"></a> 記述後、バナー部分が*になります。 それをクリックすると、サイトへアクセスは可能です。 この状態で、もう一個ブラウザを立ち上げ、 URLに http://***.web.fc2.com/logo.jpg を打ち込み直接アクセスすると、 ブログ上で、先ほどまで×だったバナーの表示が、 更新する事で正常になります。 すみませんが、ご教授の程宜しくお願いいたします。
- ベストアンサー
- HTML
お礼
補足とお礼と反対こになってしまいました。 $linkcode = $banner; $linkcode =~ s/</</g; $linkcode =~ s/>/>/g; $linkcode =~ s/"/"/g; これでいいんですね？ ありがとうございました。
補足
そういうことなんですね。ありがとうございます。 それをプログラムでやると？ どっかのCGIにそんな記述があったようなので、探してみます。 もし簡単に分かったら教えてください。