準備課題51〜56

準備課題

準備課題56

  • Q：次の内容をマークアップしなさい。
    • 今日の献立
    • 今日は、子供も大人も好きなカレーを作ろうと思います。
    • カレーの材料
    • カレー・ルー
    • 豚肉
    • じゃがいも
    • たまねぎ
    • にんじん
  • A：
<html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>今日の献立</title>
</head>
<body>
<h1>今日の献立</h1>
<p>今日は、子供も大人も好きなカレーを作ろうと思います。</p>
<h2>カレーの材料</h2>
<ul>
<li>カレー・ルー</li>
<li>豚肉</li>
<li>じゃがいも</li>
<li>たまねぎ</li>
<li>にんじん</li>
</ul>
</body>
</html>

準備課題55

  • Q：「title要素」には日本語サイトの場合は、日本語で記述しますが、何を記述すればよいかを答えなさい。
  • A：title 要素はドキュメントのタイトルや名前を表す。ドキュメントを識別できるタイトルを使う

準備課題54

link要素の入力練習
<link rel="stylesheet" type="text/css" href="css/base.css" media="screen, print">
  • Q：このとき、「media="all"」と記述しない理由を答えなさい。
  • A：印刷媒体 "print" では、明朝、シェリフ系のフォントを小さく出力、PCなどのモニタ "screen" では、ゴシック、サン・シェリフ系のフォントを大きく出力などが反映されないため

準備課題53

その他のmetaの入力練習
<meta name="keywords" content="">
<meta name="description" content="">
  • Q：この２つのmeta要素には、それぞれ何を記述すればよいか答えなさい。
  • A：keywords=サイトに関連するキーワード　description=サイトに関連する説明文

準備課題52

meta（必須）の入力練習
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />

<meta charset="UTF-8">

準備課題51

DTDの入力練習
  • HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">

<!DOCTYPE HTML>
<html lang="ja">