↓が打ったコードです
<html>
<head>
<meta http-equiv=“content-type”
content=“text/html; charset=shift_jis”>
<title>ニューヨーク日記</title>
<style type=“text/css”>
body { background:
lightyellow; }
h1 {background: green; }
</style>
</head>
<body>
<h1>ニューヨーク日記</h1>
<p>このサイトでは<a href=“http://newyork.com”>ニューヨーク</a>での生活日記を紹介していきます</p>
</body>
<html>
これを作ったのですが背景の色や見出しの色が変わりません
解決方法をお願いします!!
ポイントだけ指摘すると…。
<style> body { background-color: lightyellow; } h1 { background-color: green; } </style>
全体を見直すと…。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>ニューヨーク日記</title> <style> body { background-color: lightyellow; } h1 { background-color: green; } </style> </head> <body> <h1>ニューヨーク日記</h1> <p>このサイトでは<a href=“http://newyork.com”>ニューヨーク</a>での生活日記を紹介していきます</p> </body> </html>
>入れ方が違うのですか?
2013/11/01 09:03:42Windows向けの教材はWindows用のInternetExplorerに合わせ、
Mac向けの教材はご存じMac用のsafariに合わせてあるので、
メモ帳とテキストエディットの違いではなく、
対象ブラウザがそもそも違うというのが主な原因だと思います。
同じブラウザでもバージョンの違いで挙動が変わることもある、
と覚えておいてください。
>教材が古いからでしょうか
それもあるでしょう。HTMLの少々古い書き方を用いてますし、
WEBでShift-JISが必須になるのはガラケーくらいなので、
対象ブラウザのバージョンが古いということは十分に考えられます。
WindowsもMacOSXもUnicodeベースに移行していて、
WEBサイトのキャラクタセットはUTF-8が主流になっています。
古い教材も役に立つことはあるのですが、
ブラウザだけでなくHTMLもCSSもバージョンアップしてますので、
HTML5 + CSS3に対応した教材を探してください。
なるほどです
2013/11/01 09:13:23丁寧な対応ありがとうございました!!
感謝です