- ベストアンサー
ホームページの文字の大きさについて
ホームページを作ろうと思い、HTMLを勉強始めたのですがいきなりつまずいてしまいました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>インデックス</title> </head> <body> <h1>ホームページ<h1/> <h2>ようこそ<br>トップです。</h2> <p>はじめて作成したページ</p> </body> </html> 試しに上のように組んでみたのですが 一行目の「ホームページ」と最後の「はじめて作成したページ」の文字が同じ大きさになってしまいました。 最後の行は見出しタグを付けてもいませんし大きくなる理由がわかりません。 試行錯誤した結果、一行目のサイズを変えると（たとえばh1からh2に）最後の行も同じようにサイズが変わることがわかりました。 なぜこの2つの行の文字の大きさが一致するようになったのでしょうか？ 初心者過ぎてばかばかしい質問かもしれませんがよろしくお願いします。
- loolo
- お礼率93% (356/380)
- HTML
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
＞<h1>ホームページ<h1/> <h1>ホームページ</h1>ですね。 ^^^^^^^^ Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) を使おう。
その他の回答 (1)
- zigzagfire
- ベストアンサー率40% (6/15)
<h1>の閉じタグが間違ってます。 そのせいで<h1>がちゃんと閉じられず、 「はじめて作成したページ」まで<h1>に含まれてしまっています。 <h1/> ではなく、</h1>です。
お礼
ばかなミスですみません。 ありがとうございました。
関連するQ&A
- ホームページ作成について
インターネット～からフリーの背景をＤＬして、私のホームページのフォルダに保存して、ソースに入力しましたが、index.htmlに反映されません。 下記のように入力しました。どこがおかしいのでしょうか？ <HTML> <HEAD> <TITLE>My Home page</TITLE> </HEAD> <BODY BACKGROUND="bcg_17.jpg"> <!-- この行はコメントを書き込めます --> <CENTER> <FONT SIZE="7">ようこそ私のホームページへ</FONT><P> "bcg_17.jpg"を書き換えたいのですが、出来ません。 宜しくお教えください。
- ベストアンサー
- その他（インターネット・Webサービス）
- なぜ文字がでかくなってしまうのでしょうか？
http://masaboo.cside.com/new_css1/cs_11.htmを見てるのですが ************************************** <HTML> <HEAD> <TITLE>サンプル</TITLE> <STYLE type="text/css"> <!-- H1 { color:red; } P { color:green; } --> </STYLE> </HEAD> <BODY> <H1>レベル1の見出しは赤色です。</H1> <P>段落は、緑色です。</P> </BODY> </HTML> ************************************** のサンプルの意味がよくわからないのですが、 なぜ、 H1 { color:red; } を宣言するだけで、文字がでかくなってしまうのでしょうか？ フォントサイズに関する記述がないのに、 赤文字が大きくなる理由を教えてください。
- ベストアンサー
- HTML
- ホームページが重い
ホームページを、作成ソフトを用いずに作成している途中の初心者です。 メモ帳で入力して、Internetexplorerで表示しようとすると、とても重いページがあります。 最初に <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <BODY bgcolor=" "> <PRE> <FONT size=" "> を打ち込んで、テキスト文書がずらずら続きます。 最後に、 </PRE> <BR><BR> <CENTER><A HREF "target="contents"> </A> </FONT> </BODY> </HTML> を入力しています。 ファイルの大きさは、311KBです。 画像も載せていないページなので、重くなるとは思っていなかったのですが、軽くするにはどうすればよいのでしょうか。
- 締切済み
- レンタルサーバ・ASP
- 文字化けが直りません。
どうしても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
- ホームページを作成中です。
ホームページを作成中です。 IEでみると思った通りに表示されるのですがgoogle chromeでみると画像も表示されず、文字さえも表示されません。 ソースはこんな感じなのですが、おかしいところがあればご指摘ください。 <HTML> <HEAD> <TITLE>ホームページ名</TITLE> <style type="text/css"> <!-- BODY, TH, TD { font-size: 10pt;font-family: 'Osaka,ＭＳ Ｐゴシック'color: #513F26; } --> </style> </HEAD> <BODY> <Div Align="center"> <img src="http://～～.com/top_logo.gif"> <br> <img src="http://～～.com/rain.gif"> <br> <br> 文字 </Div> </BODY> </HTML> インラインフレーム（たてで2分割）の予定で、左側のページです。 宜しくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- Tomcat-ApacheでHTMLを表示させると文字化けが……
Tomcat4.1とApache2を連携してから、HTMLのページを表示させると、 例えば、HTMLのソースコードが <!-- 入力ページ --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>forward アクションを使用する入力ページ</title> </head> <body> <p> ---入力ページ--- </p> <form action="getEntryData.jsp" method="POST"> お名前：<input type="text" name="name" size=32><br> 生年月日：<input type="text" name="birthday" size=20><br><br> <input type="submit" value="OK"> </form> </body> </html> とした場合、ここだと<p>タグで囲んだタイトルの部分と、 お名前、生年月日の部分がISO-8859-1か何か別の文字コードで 表示されてしまいます。 これは、どうすれば正常に表記できるのでしょうか。
- ベストアンサー
- HTML
- utf-8 文字化け
メモ帳でhtmlページを作成してたのですが、日本語を入力してIEで確認したら文字化けになります 原因がわからず困っていました よろしくお願いします IE10 IE 表示 エンコードはutf-8 自動選択にすると日本語表示になります <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ABC</title> <style type="text/css"> </style> </head> <body> <h1>ようこそ</h1> <p></p> </body>
- ベストアンサー
- その他（インターネット・Webサービス）
- フレームページに文字が表示されなくて困ってます＞＜
フレームページに文字が表示されなくて困ってます＞＜ フレームページは表示されるのですがmenu.html.htmlやcontents.html.htmlに書いた文字が表示されません どこが間違っているのでしょうか？ ーーフレームページーー <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>タトル</TITLE> </HEAD> <FRAMESET cols="100,*"> <FRAME name="menu.html.html" src="file:///D:/happystyle/menu.html.html"> <FRAME name="contents.html.html" src="file:///D:/happystyle/contents.html.html"> <NOFRAMES> <BODY> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P> </BODY> </NOFRAMES> </FRAMESET> </HTML> ーーmenu.html.htmlーー <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>タイトル</TITLE> </HEAD> <BODY> 画像置き場 </BODY> </HTML> ーーcontents.html.htmlーー <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>タイトル</TITLE> </HEAD> <BODY> 画像表示 </BODY> </HTML> というHTMLを書きました！ フレームに表示させたいページのHTMLはフレームと同じフォルダに入っているのですがこれと関係ありますか？ どこがおかしいのかまったくわからないです 教えてください！
- ベストアンサー
- その他([技術者向] コンピューター)
- ホームページ上に「文字サイズ大」ボタンのつけ方
ホームページ上に「文字サイズ大」のボタンをつけたいと思い、下記のように書きました。 基本の文字サイズは決めています。 「文字サイズボタン」を押すと、少し大きくしたいのですが、bodyは大きくなりますが、table内の文字は変わりません。 他にも「h1」「p」もあるのですが、どうしたらいいでしょうか？ ぜひ、教えてください。 よろしくお願いいたします。 ------------------------------------------------------------- <style type="text/css"> <!-- body,h1,table,p,{font-size:13px;} --> </style> <script type="text/javascript"><!-- function large() { document.body.style.fontSize = "100%"; } //--></script> </HEAD> <BODY><INPUT type="button" onclick="large()" value="文字サイズ「大」"> <BR> <BR> あああああああああああああああああああああああああああああああ <TABLE border="1"> <TBODY> <TR> <TD>ああああ</TD> <TD width="111">あああああああ</TD> </TR> </TBODY> </TABLE> </BODY>
- 締切済み
- JavaScript
- htmlでひらがなが文字化けします。
ものすごく初歩的な質問だと思うのですが、ド初心者なので、解決法がわからず困っています。 よろしくお願いします！！ HTML/XHTML&スタイルシート レッスンブック という本を見ながらwebページを作る練習をしています。 しかし、メモ帳にソースを書いて、開けてみるとひらがな部分が文字化けしてしまっています。 どうしたら反映されるようになるでしょうか？ 以下が、本を見ながら書いたものです。 <!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"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>森の工房 [Forest Studio]</title> <style type="text/css"> </style> </head> <body> <h1>Forest Studio</h1> <p>自然のあれこれをお届けする森の工房です。</p> <p>Forest Studioは、森や自然を生かしたイベントや商品をお届している工房です。</p> <address>Copyright(C) Forest Studio</address> </body> </html> 日本語部分がすべて文字化けします。どうしたら良いのでしょうか？？チャプター１で早くも座礁に乗り上げてしまい困っています…
- ベストアンサー
- 電気・電子工学
お礼
おお！？ ほんとにばかばかしいミスが…何度もチェックしたのですが。 教えていただいたURLも助かります。 ありがとうございました。