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

問 追加-01 次をA、B、C、・・・・でリストにしなさい。
鶏のから揚げ、五目炊込みご飯、切り干し大根の煮物、フライパンで鯖の味噌煮、バーモントカレー
答え
問 追加-02
下のテーブルのソースを書きなさい。
枠線、隙間などは omnibus.css の table と td を使いなさい。
11,21,31 部は背景色を付けてください。
32,33 部は文字に緑系統の色を付けてください。
答え
問 追加-03

上記は画像ですが、テキストで作成しているとしてください。
テキストで文字参照を利用してページを上記のように表示させてください。(文字の色と大きさは無視してください。)

答え
問 追加-04
透明度を変化させると読めるようになりました。

上記は<div class="haikei">~</div>で書いています。背景色を薄くすれば読めますが、新しくクラス指定「.haikei2」として、透明度を設定して読めるようにしてください。

答え
問 追加-05
5枚の写真: に品名を入れて<div>~</div>でくくると、以下のように縦に並んでしまいます。


牡蠣

コロッケ

ラーメン

焼売

寿司

このように書いています。
<div><img src="image/st31.jpg" alt=""><br>牡蠣</div>
<div><img src="image/st32.jpg" alt=""><br>コロッケ</div>
<div><img src="image/st33.jpg" alt=""><br>ラーメン</div>
<div><img src="image/st34.jpg" alt=""><br>焼売</div>
<div><img src="image/st35.jpg" alt=""><br>寿司</div>

これを flex を使って横に並べてください。
答え
問 追加-06 「問 追加-03」へのリンクを書きなさい。(クリックすると先頭が「問 追加-03」になっているページが出ます)
答え