教材ライブラリ

1区間ずつ進めて、パケットがどこまで行けるか追ってください。

タグを外して、同じ文字がブラウザにどう届くか見てください。

CSS を当てて、同じ中身の並び方と大きさがどう変わるか見比べてください。

同じ 1 行を head と body に置き替えて、画面とタブの名前がどう変わるか見比べてください。

次のステップを押して、head に 1 行ずつ足しながら下のブラウザを見てください。

趣味 の行のタグを変えて、右の目次の段がどう動くか見てください。

次のステップを押して、ソースの改行が画面に出るかどうか確かめてください。

4 つのタグを押し替えて、ブラウザの既定の見た目と HTML 上の役割を見比べてください。

ul と ol を切り替えて、途中に 1 つ足したときの番号の変わり方を見比べてください。

現在地を動かして、2 行のうちどちらが書き換わるか見てください。

src の綴りを直したり alt を消したりして、枠の中に何が残るか見てください。

はさんで消す形に切り替えて、本を読む の行がソースに残ったまま画面から消えるのを見てください。

3 つの状態を切り替えて、右の線が最後まで対でつながっているか見てください。

width の値を動かして、下の枠の幅がコードに書いた数字と一緒に変わるのを見てください。

外側の div は固定したまま、内側のタグと囲む範囲を切り替え、行の分かれ方と囲いの幅を見比べてください。

見る人を切り替えて、左右のページから得られる手掛かりを見比べてください。

メニューを押して、href の # のあとの文字と section の id がどう結びつくか見てください。

列の数を変えたり CSS の行のセルを 1 つ減らしたりして、行とセルの関係を確かめてください。

for の文字を打ち間違えた形に切り替えて、ラベルを押したときの動きを見比べてください。

次のステップを押して、抜けを上から 1 つずつ直しながら確認欄の印を見てください。