人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

MACのテキストエディタでhtmlとcssの練習を始めたのですがスタイルタグがsafariに反映されません。解決方法をお願いします!!(超初心者ですすいません)
↓が打ったコードです

<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>

これを作ったのですが背景の色や見出しの色が変わりません
解決方法をお願いします!!

●質問者: goreinugon
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● うぃんど
ベストアンサー

ポイントだけ指摘すると…。

 <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>

goreinugonさんのコメント
せっかく回答してもらったのに申し訳ないんですがちょっとよくわからないです… すいません…

うぃんどさんのコメント
「ちょっと」なのか「よく」なのか…? どちらにしても「わからない」ということは伝わりましたが、 こちらから goreinugon さんのことは見えないので、 私の回答を見て、何をどうしたのかを説明してもらわないと…。

goreinugonさんのコメント
ああっすいません出来ました!!ありがとうございます!! windowsのメモ帳とmacのテキストエディタではhtmlやcssの入れ方が違うのですか? 動画教材で勉強していたのですが動画のwindowsのメモ帳の方では上のコードで色が変わっていたので…(動画の真似をして勉強する教材だったんです) それとも教材が古いからでしょうか…

うぃんどさんのコメント
>入れ方が違うのですか? Windows向けの教材はWindows用のInternetExplorerに合わせ、 Mac向けの教材はご存じMac用のsafariに合わせてあるので、 メモ帳とテキストエディットの違いではなく、 対象ブラウザがそもそも違うというのが主な原因だと思います。 同じブラウザでもバージョンの違いで挙動が変わることもある、 と覚えておいてください。 >教材が古いからでしょうか それもあるでしょう。HTMLの少々古い書き方を用いてますし、 WEBでShift-JISが必須になるのはガラケーくらいなので、 対象ブラウザのバージョンが古いということは十分に考えられます。 WindowsもMacOSXもUnicodeベースに移行していて、 WEBサイトのキャラクタセットはUTF-8が主流になっています。 古い教材も役に立つことはあるのですが、 ブラウザだけでなくHTMLもCSSもバージョンアップしてますので、 HTML5 + CSS3に対応した教材を探してください。

goreinugonさんのコメント
なるほどです 丁寧な対応ありがとうございました!! 感謝です
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ