第1問
次のHTMLを制作しましたが上手く表示されません。2つ誤りがあります。何行目をどのように修正すれば良いでしょうか？
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Hello!</title>
</head>
<body>
<h1>h1タグ</h1>
<p>1つ目の見出しとして使います。</p>
<ｈ２>h2タグ<／ｈ２>
<p>2つ目の見出しとして使います。</p>
<h3>h3タグ<h3>
<p>3つ目の見出しとして使います。</p>
</body>
</html>このソースコードの表示
正しい表示
第2問
次のHTMLを制作しましたがなぜか文字化けしてしまいます。1つ誤りがあります。何行目をどのように修正すれば良いでしょうか？
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>今日も頑張りましょう！</title>
</head>
<body>
<h1>問1</h1>
<p>次の問に答えなさい。</p>
<p>Please answer the following questions</p>
</body>
</html>このソースコードの表示
正しい表示
問3
次のHTML・CSSを制作しましたが上手く表示されません。2つ誤りがあります。何行目をどのように修正すれば良いでしょうか？
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Hello!</title>
<style>
body {
margin: 0px 20px;
}
h1 {
font-size:2.0em;
color:red;
}
li {
font-size: 1.2em;
padding: 5px 10px;
margin: 0px;
}
.A {
color: blue;
background-color: lightblue;
}
.B {
color; green:
background-color: yellow;
}
.C {
color: purple;
background-color: gray;
}
</style>
</head>
<body>
<h1>Lesson3</h1>
<ul>
<li class="A">Windows</li>
<li class="B">macOS</li>
<li class="A">Linux</li>
<li class="B">ChromeOS</li>
</ul>
</body>
</html>このソースコードの表示
正しい表示
