§02-01…リストの作成・準備 – オンライン無料パソコン教室

§02-01…リストの作成・準備

(01) 「リストの練習」というフォルダーを作成してください。続けて以下のようなソースを持つWebページ「index.htm」をフォルダー内に作成してください。

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<link rel="stylesheet" type="text/css" href="str.css" />
<title>リストの練習</title>
</head>
<body>
<h1>リストの練習</h1>
<h2>主要3科目</h2>
</body>
</html>

§02-01

(02) 以下のようなCSSファイル「str.css」を作成してください。作成後はWebページをブラウジングします。

h1,h2{
color:#FFFFFF;
font-weight:normal;
}
h1{
background-color:#FF0000;
}
h2{
background-color:#0000FF;
}

広告ブロックブラウザーではコンテンツが表示できません