htmlの超初心者ですが、ブラウザが起動しない問題について

このQ&Aのポイント
  • htmlの超初心者ですが、本を見ながらhtml文章を作成しているのですが、うまくブラウザが起動しません。
  • 本の言う通りにやっているつもりなのですが、ただファイルが開くだけになってしまいます。
  • 作成したhtml文書は下記の通りです。他に何か設定が必要なのでしょうか?
回答を見る
  • ベストアンサー

htmlの超初心者です。

htmlの超初心者です。 本を見ながらhtml文章を作成しているのですがうまくブラウザが起動しません。 本の言う通りにやっているつもりなのですがただファイルが開くだけになってしまいます。 参考までに作成したhtml文書は下のです。他に何か設定がいるのでしょうか? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>日本めぐり旅</title> </head> <body> </body> </html>

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

>本を見ながらhtml文章を作成しているのですがうまくブラウザが起動しません。  どのようにされた結果なのかがさっぱり書かれていないので想像で書きます。  なお、htmlではなくて、HTMLです。HyperText Markup Languageの略で、大文字で書きます。  お話からWindowsをお使いだと思います。  最初にすべきことは、Windowsのフォルダオプションで、表示→「登録されているファイルの拡張子は表示しない」のチェックを外すこと。  Windowsは、拡張子で何をするかを勝手に決めてしまうし、いったん決めたら、拡張子を書くしてしまうし、他のソフトで開くのも難しいし、ファイル名の大文字小文字を区別しないとか、色々とおせっかいで、ウェブ開発では使いにくいOSですから、その辺りを良く理解しておく必要があります。 ・ファイル名は、きちんと自覚して統一しましょう。  基本的にURLとして使用できる文字を使う。(日本語や空白の入ったファイル名にしない)  またすべて小文字を使うとか。 ・ファイルは右ボタンをクリックして、したいことを自分で指定する。  (Windowsに任せない 色々なブラウザで開いてみたり、テキストエディタで開いたり)  HTMLを学ぶには優れたテキストエディタ--いわゆるHTMLエディタ ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB#HTML.E3.82.A8.E3.83.87.E3.82.A3.E3.82.BF )があるとよいです。  お勧めは、テキストエディタ EmEditor - EmEditor Free ( http://jp.emeditor.com/modules/download2/rewrite/tc_5.html )・・・本式に使うなら、Proがありますが。  なお、参考書もなかなか良いのがありません。仕様書をちゃんと理解して書かれているか?????なのもたくさんあります。  そこで、HTML4.01仕様書の翻訳メンバーの内田さんが家族のために書かれた はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )  が最初は良いでしょう。  そして少し書いたら、 Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )  でチェックして、指定されたところを直す。  わからないところは、 HTML 4.01 Specification (ja) ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html#toc )  で調べる。最初はハードルが高いようですが、ここに書かれていることがすべての基本です。すぐ、読めるようになります。  これが一番早道で、脇道に迷い込まない。  ★時にイントロダクションだけは、難しくないのでしっかり読んでおくこと。  HTML4.01strictから始められるのは、良いでしょう。数年前までは、XHTMLにすべて移行する雰囲気でしたが、どうも世の中HTML5へ一斉に向かって行きそう。(^^)  XHTMLにもHTML5にも、その知識は使えますから。  決して最初に、オーサリングツールに頼らない事。  

その他の回答 (4)

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.5

NO.4さんに同意です。 おそらく、名前を付けて保存 で、 ファイル名を、○○.html にする場合、拡張子の関係で、 ○○.html.txt になる場合があります。 これでは、○○.html という名前の .txt になってしまいます。 この場合、名前を付けて保存 で、 ファイル名を、○○ だけにして、 ファイルの種類を、(拡張子で) .html の入った項目を選択すると良いでしょう。 (もしくは、*すべてのファイル) 確認は、そのファイルを右クリックしてプロパティ。ファイルの種類が表示される。

回答No.4

>ファイルをダブルクリックするとブラウザではなくメモ帳でテキストが開いてしまいます。 ということは、そのHTMLファイルは、メモ帳に関連付けされている、という訳です。 Windowsでは、拡張子をXXXXX.htmlとして保存すると、自動的にインターネットエクスプローラに関連付けされるはずですから、拡張子が間違っているのでは?という疑いがあります。 xxxxx.txt.html なんてファイル名になっていやしませんか? もしくは、xxxxx.html.txt とか(拡張子を表示しない設定で)。 >HTMLを学ぶ入門書に付属してあったTeraPadというアプリケーションで作りました。 >拡張子名は.htmlです。 先にも書いた通り、【拡張子を表示する設定にしてあるか】が重要です。 拡張子を表示しない設定だと、index.html.txt なんてファイル名になっていれば、index.htmlと表示されます。 一見HTMLファイルに見えますが、関連付けはただのテキストファイルなのでメモ帳になってしまう、という訳です。 拡張子を表示するよう、設定を変更しましょう。 http://www.cdwavmp3.com/dl/extention/ext_hyouji.html http://mizushima.ne.jp/VISTA/extension/extension.php 方法は検索すれば上記のように出て来ます。

  • hana-hana3
  • ベストアンサー率31% (4940/15541)
回答No.2

>ただファイルが開くだけになってしまいます。 ”うまくいきません”は誰でも書けるフレーズです。 htmlファイルははどのように作製していますか? 保存するファイルの拡張子名は? ”開くだけ”って、どのアプリケーションで開くのでしょうか? ソースでは、<body> ~ </body> の間に何も無いので、空白ページが開いて当然ですけど・・・。

saikeman
質問者

補足

失礼しました。 ファイルをダブルクリックするとブラウザではなくメモ帳でテキストが開いてしまいます。 >htmlファイルははどのように作製していますか HTMLを学ぶ入門書に付属してあったTeraPadというアプリケーションで作りました。 拡張子名は.htmlです。 まったくの初心者なのでよろしくお願いします。

  • master000
  • ベストアンサー率33% (16/48)
回答No.1

保存するときにファイル名は.htmlで終わっていますか? .htmlを付けて保存しないと自動的に.txtになってしまいます。 .htmlで保存してあればダブルクリックでブラウザが起動するはずです。

saikeman
質問者

補足

はい htmlで終わっています。ダブルクリックをしてもブラウザが起動しません。 何かIEの方の設定はしなくてもよいのでしょうか?

関連するQ&A

  • javespriptについて

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="css/top.css"> <title>地球船地球丸プロジェクト</title> <script type="text/javascript"> <!-- for(var i=1;i<=1000,i++){ document.writeln(i+"回目:桑立") } --> </script> </head> <body> </body> </html> と <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="css/top.css"> <title>地球船地球丸プロジェクト</title> <script type="text/javascript"> <!-- var ra-men =10; if(ra-men> =60){ alert("合格"); } else{ alert("不合格"); } --> </script> </head> <body> </body> </html> うまくいきません 間違っているのでしょうか

  • phpの画面表示が真っ白です

    phpをXAMPPのサーバーでやろうとしているのですが、表示されずに真っ白です。 サーバーは出来ているようです。 コードをのせるのでもし間違っていたら教えてください。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitionl//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> </head> <body> <?php print'ようこそ'; ?> </body> </html>

    • ベストアンサー
    • PHP
  • <title>~<title>部分にPHP読み込み

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <title>●●●●●●</title> <meta http-equiv="content-script-type" content="text/javascript" /> </head> <body> ~ 上記<title>●●●●●●</title>部分の、●●●●●●にtitle.phpの内容を挿入したく、 <?php require("title.php"); ?> と記述したのですが、エラーが出てしまいます。 title.php単体では正常に文字が表示されます。 どのように記述したら良いか、どなたかご教授いただけないでしょうか。 宜しくお願い致します。

    • ベストアンサー
    • PHP
  • html,css初心者です。ヘッダーの余白について

    ヘッダーの余白について教えて下さい。 どうしてもヘッダーの上部分に余白ができてしまいます。 HTMLとCSSをはります。 bodyに色をつけるとヘッダー上部分の余白の色も色がついてしまうので困っています・・・ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <link rel="stylesheet" href="font.css" type="text/css"> </head> <body> <div id="header"><!--/ #header --> あいうえお </div> </body> <html> CSS #header{ width: 980px; margin: 0 auto; background: #fff; text-align: left; } 宜しくお願いします。

    • ベストアンサー
    • HTML
  • PHP、どうして認識しないのですか?

    現在の私のサイト(shtml)のソースは次のとおりです(甲)。これを下記(乙)のように書き換えてアップしましたが”こんにちは”の文字が現れません。 レンタルサーバーの問題ですか?ソースの問題ですか? (甲) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML lang="ja"> <HEAD> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > <META http-equiv="Content-Script-Type" content="text/javascript"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"> <TITLE>○○○</TITLE> (乙) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>○○○</title> </head> <body> <!--shtmlのソースの中に次を挿入しました--> <p> <?php echo "こんにちは。<br />"; echo "こんにちは。<br />"; echo "こんにちは。<br />"; echo "こんにちは。<br />"; ?> </p> ----------------------- これが表示されません。 教えて下さい。どうしてですか? 宜しくお願いします。

    • ベストアンサー
    • PHP
  • フォントの指定ができない。

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> をいれると、フォントの指定ができないです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> </head> <body> <a href="http://www.yahoo.co.jp/" style="color:red;text-decoration:none"> <div STYLE="font-size:800%;font-family:HGP創英角ポップ体;">test</div></a> </body> </html> とすると、リンクを付けて文字を大きくしてHGP創英角ポップ体で表示できるのですが <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> にすると、リンクを付けて文字を大きくまでは出来るのですが、フォント名が設定できません。 どうしてでしょうか? <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">をなくすしかないですか?

    • ベストアンサー
    • HTML
  • 文字化けが直りません。

    どうしてもUTF-8を指定すると文字化けしてしまいます。ご指導お願いします。 検索して調べたのですがわかりませんでした。 ブラウザーの設定等も必要なのでしょうか? ちなみにshift_jisにすれば文字化けしません。 以下ヘッダー部分です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>TOPページ</title> </head> 以上、よろしくお願いします。

    • ベストアンサー
    • HTML
  • ドコモの背景について

    ドコモの公式サイトを見たら背景が三つにわかれていたりしているのですがあれは一体どうやったらできるのでしょうか?? 無料のHP作成で使えるタグなのでしょうか? またそのタグを是非教えてほしいです。 調べてもよくわからなかったので・・・。 ちなみに <?xml version=”1.0” encoding=”Shift_JIS”?> <!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”> <html lang=”ja”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS”> <title>test</title> </head> <body> <div style=”background-color:red”> </div> <div style=”background-color:blue”> </div> <div style=”background-color:green”> </div> </body> </html> というのをそのまま試しに貼り付けてみてもできませんでした・・・・。 ?xml version=”1.0” encoding=”Shift_JIS”?> <!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”> <html lang=”ja”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS”> の部分の事がわからないのが原因かと…。 誰か心優しい方教えて下さい・・・。

    • ベストアンサー
    • HTML
  • 初歩的な質問で恐縮ですが、教えてください。

    すみませんが、教えてください。 入力フォームでデータが送れなくて、困っています。 下のコードに問題点はあるのでしょうか? 自分では、分からないので、よろしくお願いいたします。 test1.php------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> </head> <body> <form method="post" enctype="multipart/form-data" action="./test2.php"> <input type="text" name="fmTitle" ><br /> <input type="submit" value="次へ" > </form> </body> test2.php-------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> </head> <body> <?= $fmTitle . "<br />" ?> </body>

    • ベストアンサー
    • PHP
  • ファイル生成について(C初心者)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="refresh";URL=http://***.**.**/***/***/ABCD001.html"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <body> </body> </html> ファイル名=ABCD001.html お世話になります。 上記のようなhtmlファイルがあって http://www.***.**.**/***/***/ABCD001.htmlの ABCD001.htmlの部分だけ変更して新しくファイルを生成しようと思います。 変更する場所のリストはテキストファイル(list.txt)に入っており ABCD001.html~ABCD100.htmlまであります。 そのため最終的には100個のファイルが生成されます。 このようなCのプログラムを作成したいのですが どうやればいいのでしょうか? fwrite・fscanfを使用するのではないかと思いましたが よくわかりませんでした。

専門家に質問してみよう