HTML レッスン10
HTML総合演習
学んだ知識を使って、実際のWebページを作ってみよう
課題：ポートフォリオページを作ろう
これまで学んだHTMLの知識をすべて使って、自己紹介のポートフォリオページを作ってみましょう。 以下の要素を含めてください：
- ✓ セマンティックタグ（header、nav、main、section、footer）
- ✓ 見出しと段落
- ✓ ナビゲーションリンク
- ✓ 画像
- ✓ スキルのリスト（ul/ol）
- ✓ 経歴のテーブル
- ✓ お問い合わせフォーム
- ✓ 適切なメタデータ
エディタで作成
下のエディタで自由に作ってみましょう。参考コードを編集してもOKです。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
71 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。