|
<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">
</head>
<body>
<h1>ここに入力しますよ〜♪</h1>
</body>
</html>
昨日はここまでやりましたが 次は見出し部分に色を付けてみましょう
</head>の上に
スタイル要素の入力をする準備をします。
<!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">
↓
ここにスタイル要素を入力します。
↑
</head>
<body>
<h1>ここに入力しますよ〜♪</h1>
</body>
</html>
ピンクの部分に以下を記述します。一部文字を大きくしているのは自分のためにです。
<style type="text/css">
<!--
h1{
background-color: ;
}
-->
</style> background-color:→この間に色のコードを入れます。←; 色のコードは ここからチョイス
ちなみにこれは白のカラーコード→#FFFFFF
シャープと数字とアルファベットで構成されています。
16数進です。
何か好きな色を選びましょう
#FFFF00
これを選びました。
<!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">
<style type="text/css">
<!--
h1{
background-color:#FFFF00;
}
-->
</style> </head>
<body>
<h1>ここに入力しますよ〜♪</h1>
</body>
</html>
↑ここを試しにメモ帳に貼り付けてネットでちゃんと反映されているかを確認したら
ここに入力しますよ〜♪
ちゃんとこう表示されました。
よく出来ました
  ささ休憩〜 |
>
- コンピュータとインターネット
>
- インターネット
>
- ホームページ
こちらこそ放置するかも
