• ベストアンサー

HTMLで書いた文書をWEBブラウザで確認すると、タグが残っている

こんばんは。 OSはWIN XP HOMEです。 昨日から「メモ帳」でのホームページ作りの練習に励んでいますが、HTML初心者のせいで悪戦苦闘しています。 具体的には、メモ帳で全て(ATOK16の)半角英数で <html><head> </head><body>日本</body></html> と書いてHTML文書としてマイドキュメントに保存し、それをWEBブラウザで確認すると、上記のタグがそっくり残ったまんまでWEBに 現れます。 ガイド本によると、WEBには「日本」と現れるはずなのですが...。 タグを当方のPCのATOK16で書く際、当方は半角英数で書きましたが、これでいいのでしょうか。 タグの「<」や「/」を書く際も、ATOK16のモードは「半角英数」モードがいいのでしょうか。 分からない事ばかりですみません。

noname#31971
noname#31971

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

  • ベストアンサー
  • -Kei
  • ベストアンサー率50% (151/299)
回答No.4

タグ(<>とその中身)は全て半角英数で書く必要があります。 全角で書いた場合普通の文章として認識されてしまいます。 ><html><head> </head><body>日本</body></html> 「<」「>」が全角になっているのでタグとして認識されません。 <html> <head> </head> <body> 日本 </body> </html>

noname#31971
質問者

お礼

ご回答 ありがとうございます。 御指摘いただくまで気が付かず、うかつでした。 私は今まで、「<」と打っていましたが、正しくは「<」なんですね。 本当にありがとうございました。

その他の回答 (4)

  • crepon133
  • ベストアンサー率51% (399/776)
回答No.5

「半角英数」モードよりも、 「日本語入力オフ」状態をおすすめします。

noname#31971
質問者

お礼

ご回答 ありがとうございます。 考えてみると「半角英数」で文字入力しても、「日本語オフ」で 文字入力しても、打たれる文字は同じですね。 これからは、タグは「日本語オフ」状態で入力します。

  • Joka
  • ベストアンサー率28% (12/42)
回答No.3

>HTML文書としてマイドキュメントに保存し・・・ とありますが、拡張子を確認してみましたか? ファイル名.htmlであるかどうか、再度確認してみては? テキストのまま保存した場合、タグがそのまま出てきます。 尚、タグはすべて半角英数ですよ。

noname#39970
noname#39970
回答No.2

http://openlab.ring.gr.jp/k16/htmllint/htmllintl.html こういうのでチェックしてみると良いかもしれ  

  • TLK_RBBSH
  • ベストアンサー率40% (4/10)
回答No.1

>タグの「<」や「/」を書く際も、ATOK16のモードは「半角英数」モードがいいのでしょうか。 その通りです。 基本的に、画面に表示させたい文字以外は半角英数で書きます。

関連するQ&A

  • HTMLの基本のタグを入れないとどうなりますか

    こんにちは。 ホームページを作る時に、最低でも基本的なタグ <HTML><HEAD><TITLE></TITLE></HEAD><BODY></BODY></HTML> を入れないとだめだと聞いています。 しかし、これらのタグが抜けていても、それなりに表示されているのを見かけます。 具体的に、これらのタグが抜けていると、何が起こるのでしょうか? それとも、今はこれらのタグは無くても問題は無いと言う事なんでしょうか?

  • HTMLタグがなかなか覚えられません

    こんにちは、初めて質問させて頂きます。 先日○AVEマルチメディアスクールの教育給付金のコースで必須のWEB修了試験を受けたのですが、3ページにわたるWEBページの一部のタグの穴埋め試験になっていて、選択肢が30個似たようなタグでの引っ掛け問題が多く90分の試験時間で解ききれませんでした。 ここで皆さんに質問したいのですがHTMLのタグを覚えるにはどういった方法が一番お勧めでしょうか? 先生に聞いたところテキストにメモを取りながらPAL(DVD)での説明を聞いてメモを取るようにという先生とタグインデックスを見て簡単なページを作ってくださいという先生といて勉強方に迷っています。 私自身、WEBは初めてでブログでBODYタグを使ったことしかありません。 家のPCにはソフトは入っておりません。よろしくお願い致します。

  • エクセルでHTMLタグをそのままコピペしたい

    エクセルでHTMLタグをそのままコピペしたいです メモ帳のHTMLタグをエクセルにコピペすると <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head><title>ABC</title></head> <body> <p>あああ</p> <p>123</p> </body> を仮にコピペしたら あああ 123 になってしまいます そのままコピペするにはどうすればいいでしょうか?

  • iモードで見るとHTMLタグまで表示されてしまいます。

    (1) print "Content-Type: text/html\n\n"; print "<HTML><BODY>あいうえお</BODY></HTML>\n"; PCで見ると 「あいうえお」 と正しく表示されますが iモードでは 「<HTML><BODY>あいうえお</BODY></HTML>」 とタグまで表示されてしまいます。 (2) print "Content-Type: text/html\n\n"; print "あいうえお\n"; このようにタグをはずしてみたところ iモードで 「あいうえお」 と正しく表示されました。 iモードでも(今までは)、(1)を見たときにタグが表示されたことはなかったと思うのですが、原因は何でしょうか。また、タグははずしてしまってもよいものなのでしょうか。 恐れ入りますが、どなたか教えていただけないでしょうか。よろしくお願いいたします。

    • ベストアンサー
    • CGI
  • macでhtmlのタグを打って、開いたのですが…

    htmlの勉強で、macにて <HTML> <HEAD> <TITLE>◯◯◯</TITLE> </HEAD> <BODY> </BODY> </HTML> とテキストエディットで入力し、html形式で保存し、 開いてみたのですが、タグが画面上に現れてしまいます。 同じ事をWindowsでメモ帳を使いやってみると、ちゃんとなにもない 画面が表示されます。なにが間違っているのでしょうか? ちなみにmacはOS X(intel)です。

    • ベストアンサー
    • HTML
  • 「ホームページNinja 9」で検索除けタグの挿入方法

    此処で「ホームページNinja 9で検索避けをする方法」を拝見しましたが、メカ音痴で初心者の私には、ホームページNinja 9で検索除けのタグを入れる方法が未だ理解できず、悪戦苦闘しております。 どなたか「ホームページNinja 9」で検索除けタグの挿入方法が判る方がいらっしゃいましたら、どうぞ詳しく教えて下さい。 私のやり方だと まずサイト頁の1枚全体をクリックし。 頁の一番上左端に検索除けタグを入れる場所を決めて、 ホームページNinja 9の「ページ編集」-ツール「挿入」-「HTMLタグ」クリックし、「HTMLタグの編集」の中に検索除けタグをコピペして挿入してFTP転送してみます。 しかしWebソース確認してみると、どうしてかそのタグがHEADとHEADの間には入れず、HEADとHEADの間ではない下の方に入ってしまっているのです。 検索除けタグをHEADとHEADの間に入れたいのですが、HTML初心者の私にはどうすればいいのか判りません。どうぞ判りやすいアドバイスをよろしくお願い致します。

  • タグをブラウザで確認する、効率の良いやり方

    Webページ制作初心者です。 メモ帳でタグを打ち、こまめにブラウザで確認する、 というスタイルでやっていきたいんですけれども、 打ち込んだタグをブラウザで表示させる際、どのようにするのが一番効率が良いでしょうか? 今はいちいちファイルの拡張子を変えてるんですけれども、 それじゃあまりにも面倒くさくて……。 OSはWindows Vistaで、使っているブラウザはFirefox、テキストエディタはメモ帳です。 ご存知の方、教えてくだされば嬉しく思います。

  • HTML の<img> タグについて

    御世話になります。 Windows10でHTMLの<img> タグを使って画像を表示させたいのですが、タグの中の src 属性に、ファイルエ・クスプローラーでShiftキーを押したままマウスの右クリックで得られるファイルのパスを張り付けると、画像が表示されず、小さなサムネイルのようなもの(決して実際の画像のサムネイルではありません)だけになります。 HTML文書と同じレベルにおいてあるフォルダー内の画像はちゃんと表示されるのですが。 これはコンピューターのあちこちにある任意の画像を表示させたければ、HTML文書と同じレベル以下のフォルダーにコピーしておかなければならないという事なのでしょうか?それとも各画像をコピーしてこなくてもそのままの位置に置いたまま表示させる方法があるのでしょうか? どなたか詳しい方がいらっしゃいましたら、詳しく教えて頂きたいと思います。 自分のソースコードを張り付けておきます。 まず表示されるもの。 <!DOCTYPE HTML> <HTML> <head> <title> example02</title> </head> <body> <img src="C:/xampp/htdocs/PHP-OOP/images/EVEdAnT.jpg" width="600" height="400"> </body> </html> 次に、表示されないもの。 <!DOCTYPE HTML> <HTML> <head> <title> example02</title> </head> <body> <img src= "images/EVEdAnT.jpg" width="600" height="400"> </body> </html> 以上、よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • Webファイルの書き方・終了の仕方が分かりません。

    Webファイルを書いて <html><head><title>Bill</title></head><body>Tom</body></html> としてもWebにならず、上の文字がそのまま出てしまいます。一方 <html><head><title>Bill2</title></head><body>Tom</body></html> とすると Tom として表示されます。これを質問したら「これはエディタを「表示モード」で書いた為に、タグがエスケープされている。エディタを「タグ打ちモード」で 書けば治るはずです。」 と言われたのですが、「タグ打ちモード」で書くというのはどうしたらいいのでしょうか。エディターは秀丸エディターで書いています。 と

  • HTMLのブラウザでの表示

    メモ帳でHTMLを書き、ブラウザで表示したとき、文字が表示できるとき(XX.html)とできないとき(XX01.html)があります。比較した添付ファイルがありますが、どこに問題があるのでしょうか。教えてください。 プログラムは下記のようになっています。 <HTML> <HEAD> <TITLE>STAY</TITLE> <STYLE type="text/css"> <!-- BODY{  color:white; background-color:black; } H1{  color:red; } --> </STYLE> </HEAD> <BODY> <CENTER> <H1>STAY</H1> <H2>-〇◎の紹介ページ-<?/H2> <HR> ようこそ、〇◎へ </CENTER> </BODY> </HTML>