2021年 HP作成総まとめのトレーニングページです。
(文字の大きさは今18pxですがtraining.cssの「*」で合わせてください。)

問01 間違い、判るかな?
<ol>
<li>< a href="p01.html">ホームページを作るには</a></li>
<li>< a href="p02.html">エディタ・入れ子・形</a></li>
<li>< a href="p03.html">htmlソースの構成</a><li>
<li>< a href="p04.html">タグ a~e</li></a>
<li>< a href="p05.html">タグ f~i</a></li>
</ul>
答え p03.htmlの行最後の</li>が<li>になっている。
p04.htmlの行終了タグが逆になっている(</a>が先)
最後が</ol>になるところが</ul>になっている
タグ<aが半角スペースが入っている(< a)
問02 はびきのうぇぶへのリンクを新しいページで開いてください。
答え はびきのうぇぶ
問03 「はびきのうぇぶ」という文字をクリックするとYahoo!JAPANに行くリンクを作ってください。
答え はびきのうぇぶ
問04 文字を太くするタグを教えてください。
答え b、em、strong
問05 次の内容をdl、dt、ddを使って整理してください。
みかん 色が紅色の濃いみかん 軸(へた)が細いと甘い
りんご 酸っぱいのはシナノゴールド ジョナゴールド 甘いのはシナノスイート トキ さんつがる
なし さっぱりは二十世紀 豊水 甘いのはあかづき 新甘泉
答え
みかん
色が紅色の濃いみかん 軸(へた)が細いと甘い
りんご
酸っぱいのはシナノゴールド ジョナゴールド 甘いのはシナノスイート トキ さんつがる
なし
さっぱりは二十世紀 豊水 甘いのはあかづき 新甘泉
問06 legendは「趣味」でfieldsetを作ってください。(文章は適当に段落にしてください。)
趣味を探している・・・・なにか熱中できることが欲しい・・・・という人も少なくありませんが案外「趣味の見つけ方がわからない」と足踏みしている人も多いのではないでしょうか。 何か始めたいけど、それが自分に合っているのかわからない・・・・などと考えているうちに、時間だけが過ぎていってしまうことはありませんか? 今回は、自分の個性に合わせた趣味の見つけ方について、わかりやすくマニュアル化してみようと思います。
答え
趣味

趣味を探している・・・・なにか熱中できることが欲しい・・・・という人も少なくありませんが案外「趣味の見つけ方がわからない」と足踏みしている人も多いのではないでしょうか。

何か始めたいけど、それが自分に合っているのかわからない・・・・などと考えているうちに、時間だけが過ぎていってしまうことはありませんか?

今回は、自分の個性に合わせた趣味の見つけ方について、わかりやすくマニュアル化してみようと思います。

問07 以下の条件の水平線を書きなさい。
線の種類は破線、太さは5px、色は赤系統
答え
問08 インラインフレームを使って「はびきのうぇぶ」ページを埋め込みなさい。サイズは横600px縦300px。
答え
問09 imageフォルダ内のst19.jpgを横幅400pxで表示させなさい。
答え
問10 スタイルシートを使って以下の文章で「見出しや段落、リストなどとしてみなされ前後に改行が入ります。」を赤色・太字にしなさい。
span同じ意味を持つタグとしてdivがありますが、divはブロックレベル要素としてグループ化を行いますので、見出しや段落、リストなどとしてみなされ前後に改行が入ります。 spanはインライン要素で文章の一部として利用されますので前後に改行は入りません。
答え
問11  スタイルシートを使って以下の文章に薄い青色の背景色を付けなさい。
background-colorプロパティは、背景色を指定する際に使用します。
背景色を指定する際には、同時に文字色も指定するようにしてください。ユーザーの環境で文字色が設定されている場合などに、背景色と文字色が近い色になって文字が読みにくくなってしまうことがあるからです。
答え