• ベストアンサー

メモ帳でホームページ作成・・・HTMLタグが謎

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Rosery de la mort PC main</title> <style type="text/css"> <!-- HTML { SCROLLBAR-FACE-COLOR: #990000; SCROLLBAR-HIGHLIGHT-COLOR: #993366; SCROLLBAR-SHADOW-COLOR: #660000; SCROLLBAR-3DLIGHT-COLOR: #993366; SCROLLBAR-ARROW-COLOR: #ff0033; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #660000 } BODY { SCROLLBAR-FACE-COLOR: #990000; SCROLLBAR-HIGHLIGHT-COLOR: #993366; SCROLLBAR-SHADOW-COLOR: #660000; SCROLLBAR-3DLIGHT-COLOR: #993366; SCROLLBAR-ARROW-COLOR: #ff0033; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #660000 } --> </style> <!--ここからはheadの中に入れる--> <style type="text/css" media="screen"><!-- #layer1 { color: #ffffff; background-color:#000000; font-size: 10pt; font-weight: normal; text-align: left; visibility: visible; position: absolute; top: 260px; left: 291px; width: 420px; height: 134px; .cposition: absolute } --></style> <SCRIPT language="JavaScript"> <!-- a=0; var text="本文"; function b() {a++;document.getElementById('c').innerHTML = text.substring(0,a)+"_"; if( a >= text.length ){document.getElementById('c').innerHTML = text;} if( a < text.length ){setTimeout("b()", 100);}} //--> </SCRIPT> <!--ここまで--> </head> <body bgcolor="#000000" text="#ffffff" link="#000000" alink="#000000" vlink="#00000"> <!--bodyの中に入れる--> <div id="layer1"> <body onload="(b())"><span id="c"></span> </div> <!--ここまで> </body> </html> このように入力したのですが、背景の黒い画面だけが表示されて、何もでてきません。 何か間違っているのでしょうか?? 私が参考にしたサイト http://www15.plala.or.jp/hp-kowaza/text/taipu-1.html 前回質問したときわかりやすい回答がありませんでした(それでまだ困っています) どなたか回答よろしくお願いします。

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

  • ベストアンサー
  • metis
  • ベストアンサー率52% (86/165)
回答No.4

なるほど…。 それは盲点でしたね。 ダブルクオーテーション(")を、質問文で言う「本文」部分で使いたい場合… 「\"」と言う感じに、(表示させたい)文字の直前にバックスラッシュ(右下の「ろ」が刻印されているキィ。Windowsでは円マークで表示されます)を入力するか、 もしくは、「本文」を囲う「"」を、「'」(Shift押しながら7のキィ)に変えてみてください。 参考まで。

参考URL:
http://www.rfs.jp/sb/javascript/01/05.html

その他の回答 (3)

  • metis
  • ベストアンサー率52% (86/165)
回答No.3

No.1です。 >Javaは許可されています。 JavaとJavascriptは別物です。 Javaが許可されてても、Javascriptは拒否されているケースもありますのでお気をつけを。 また、パソコンに保存したファイルを開く場合、[インターネットオプション]→[セキュリティ]タブの、「インターネット」の項目は、恐らく適用されません。 (こちらで、可能な限りセキュリティを下げて行ってみましたが、同様に情報バーが表示されました) セキュリティタブのセキュリティレベルを下げるのではなく、詳細設定の項目の方を変更して下さい(詳細はNo.1回答を参照)。 基本的なことを訊き忘れていましたが…。 ブラウザは何をお使いでしょうか?

yoalan
質問者

お礼

本文部分に""を入れていたのが、表示されなかった原因だったみたいでした。 丁寧な回答ありがとうございました。 解決いたしました。

yoalan
質問者

補足

>インターネットオプションの詳細設定に、「マイコンピュータのファイルでのアクティブコンテンツ~」という項目がありますので、それにチェックを入れた後、IEを再起動して試してみてください。 ↑これは、やってみました。 ちなみに、情報バーは表示されないです 参考にしたサイトのタイプライター風の文字が見れるので、恐らく許可されていると思うのですが・・・ 許可されているかどうかは、どこで確かめれは良いのでしょうか? ブラウザは、InternetExploreです、しかしバージョンがわからないのです・・・ 学校のパソコンで試してみたところ、確かに表示されたので、私のパソコンになにか不備があるのですね・・・

回答No.2

私の環境で試してみると IE7 での挙動は、先の回答者さんのとおりでした。 Firefox 3 ではキチンと“本文”がタイプライター風に表示されます。 お使いのブラウザがわかりませんが、 今のブラウザはDOCTYPE宣言の記述で、表示モード切換えを行うようになっています。 HTML文法書に極力準拠した「標準モード」と、過去のブラウザ表示との互換性を重視した「互換モード」をDOCTYPE宣言の記述により切換えているようです。 IEでもバージョンによってDOCTYPE宣言によるモード切換えの仕様が違うようです。 DOCTYPE宣言を <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> つまり、http://www.w3.org/TR/html4/loose.dtd という文法書を具体的に示唆した“システム識別子”が付いているかいないかの違いになります。 これでブラウザの表示が変わってくるかもしれません。 ブラウザのバージョンが不明なので「かもしれない」としか言えません。 参考ページ http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/Doctype-Switch_situation.html

  • metis
  • ベストアンサー率52% (86/165)
回答No.1

手持ちブラウザでは、全て正常に動きました。 ので、そちらのブラウザでJavascriptが許可されていないのではないでしょうか? あ、正常に動くといっても、唯一「InternetExplorer7」(他バージョン未所持)では問題が出ました。 ページ上部に「情報バー」が表示され、そこをクリック→許可することで初めて、表示が出来るようになります。 情報バーが表示されているならそれをクリックしてみるか、 或いは、インターネットオプションの詳細設定に、「マイコンピュータのファイルでのアクティブコンテンツ~」という項目がありますので、それにチェックを入れた後、IEを再起動して試してみてください。 但し、後者の対策は、僅かにではありますがセキュリティを下げる可能性があります。 可能でしたら、チェック終了後に戻すことをオススメします。

yoalan
質問者

補足

Javaは許可されています。 セキュリティを低にしてみましたが、やっぱり黒いままです;

関連するQ&A

  • テキストボックス

    テキストボックスを作成したのですが、更新用にしたいので文字を打てないようにしたいのですが、苦難しています。 どなたか、教えてください。 <head> <style type="text/css"> <!-- body { scrollbar-arrow-color:#000000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#ffffff; } textarea { scrollbar-arrow-color:transparent; scrollbar-face-color:transparent; scrollbar-highlight-color:transparent; scrollbar-3dlight-color:transparent; scrollbar-track-color:transparent; scrollbar-shadow-color:transparent; scrollbar-darkshadow-color:transparent; } --> </style></head> <body> <FORM> <TEXTAREA rows="3" cols="70">

    • ベストアンサー
    • HTML
  • HP作成(スクロールバーの色)

    HP作成初心者です。 画面のスクロールバーの色をスタイルシートを使って変更したいのですが、言語がよく分かりません。 以下の「face-color」や「highlight-color」などはどの部分の色を指定しているのでしょうか? 分かる方教えてください。参考になるURLなども教えていただければうれしいです。 <STYLE type="text/css"> <!-- body { scrollbar-face-color:#756fea; scrollbar-highlight-color:white; scrollbar-shadow-color: #756fea; scrollbar-3dlight-color: #756fea; scrollbar-arrow-color:white; scrollbar-darkshadow-color: #756fea; scrollbar-track-color: #4d44e3; } --> </STYLE>

  • カーソルの変形とマップの共存

    お世話になっています。 マップを使った場合、カーソルをcrosshairには出来るのですが、リンクに乗ってもw-resizeにならないのです。 相性とかあるのでしょうか? こんな風にやったのですが・・・ ↓ ↓ ↓ ↓ <STYLE TYPE="text/css"> <!-- BODY {border:3px solid #2c3143 ;cursor: crosshair ; scrollbar-base-color : #EEEEEE; scrollbar-face-color : #000000; scrollbar-track-color: #000000; scrollbar-arrow-color : #BBBBBB; scrollbar-3dlight-color: #EEEEEE; scrollbar-highlight-color : #000000; scrollbar-shadow-color : #EEEEEE; scrollbar-darkshadow-color : #000000; } A { cursor : w-resize ; } --> </STYLE> マップを使わない場合は問題なかったのです。 宜しくお願いします。。。

    • 締切済み
    • CSS
  • 外部CSSをかくには。

    HPのページひとつひとつにいちいちスタイルシートをかいていくのが 面倒になったので外部CSSでまとめてしまおうと 思ったのですが、上手くいきません。 ちなみにこうかいております↓ <STYLE TYPE="text/css"> <!-- BODY {  letter-spacing:7px;  line-height:15pt; } --> </STYLE> <style type="text/css"> <!-- body { scrollbar-face-color: #FF9900; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #ff9900; scrollbar-darkshadow-color: #ffffff; } --> </STYLE> <STYLE TYPE="text/css"><!--A{text-decoration:none;}A:hover{text-decoration:underline overline;}--></STYLE> <style type=text/css><!--a{text-decoration:none;}--></style> <style><!--BODY{font-size:8pt;}--></STYLE> どこか悪い点がありましたら教えてください。

    • ベストアンサー
    • HTML
  • スタイルシートのスクロールバー

    現在HPを作成しています。 スタイルシートでスクロールバーの色を変更させたいのですが、出来ません。 何処かおかしいでしょうか? 宜しくお願いします。 <style type=text/css> <!-- body{ scrollbar-face-color:#fba32b; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#fba32b; scrollbar-track-color:white; scrollbar-darkshadow-color:white; } --> </STYLE>

  • スクロールバーの色を変更

    サイトのTOPでスクロールバーの色の変更をして、それは出来たのですが… TOPに更新履歴を表示するテキストエリアボックスのスクロールバーまで色が変わってしまいます。 ここに関しては通常の青いスクロールバーにしたいのですが、どうすればいいのか分かりません…。 スクロールバーの色の変更は<HEAD>内にこれを使いました。 <style type="text/css"> <!-- body { scrollbar-arrow-color:#000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#000; scrollbar-track-color:#fff; scrollbar-shadow-color:#000; scrollbar-darkshadow-color:#fff; } --> </style>

  • スクロールバーのスタイルシートについて。

    スクロールバーの色を変えるスタイルシートで質問です。 下記スタイルシートを使うとそれが出来るのですが、たとえば HPをフレームで2つに分けた場合、全部のページにスタイルシートを 書かなければいけないんでしょうか?一番最初のページだけではうまく いきませんでした。分かる方お手数ですが教えて頂けないでしょうか。 <style type="text/css"> body { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #330066; scrollbar-shadow-color: #330066; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: orange; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } </style>

    • ベストアンサー
    • HTML
  • FC2ブログのプラグインのタグについて教えて下さい

    *スクロールバー付きのBOX* とゆうのを使わせてもらってるんですが、 文字が真ん中によってしまうのを 左よりにしたいんですが、 どうすればいいのでしょうか?。 <pre>でやってみたんですが、表示がおかしくなってしまってだめでした。 最初のタグは以下の通りです。 <div style="height:150px; overflow:auto; border:1px solid #000000; background-color:#FFFFFF; color:#000000; padding:3px; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#000000; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-track-color:#FFFFFF;">*ここにテキストや画像を入れて下さい。BOXの高さを超えないとスクロールバーは表示されません。またお洒落すクロースバーはIEのみです。*</div>

  • まとめたいのですが

    以下のスクリプトその他を一つにまとめて記述したいんですが、どのようにすれば良いんでしょうか^^; <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" TEXT="navy" LINK="#0033cc" VLINK="#0033cc" ALINK="#0033cc"> <script language="JavaScript"><!-- document.body.style.cursor = "move"; //--></script></BODY> <style type="text/css"> <!-- body { scrollbar-arrow-color: #000000; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #000000; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #000000 } --> </style> <STYLE type="text/css"> <!-- A:link {text-decoration:none} A:visited {text-decoration:none} A:active {text-decoration:none} A:hover {color:#FF0000; position:relative; top:2; left:3} --> </STYLE>

  • ココログのスクロールバー

    「ココログ」を使っています。 カスタム編集にした時、CSSをつかって スクロールバーの色を変えたいのですが、上手く反映されず通常のままです。 (ちなみにオンマウスの設定など、他のCSSは反映されています) 何か間違っているでしょうか? それとも「ココログ」ではスクロールバーの変更は対応してないのでしょうか? ----------------------------------------------- <STYLE type=text/css> <!-- BODY{ scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } --> </STYLE> -----------------------------------------------

専門家に質問してみよう