こんにちは。メンターのまさやです。
今回はプロゲイトが終わった人に向けてちゃんとインプットができているかの確認をこの記事でしていただきたい思います。

最後にちょうどいいレベルの模写コーティングサイトもあるのでこちらを模写してください。

もし分からないことが出てきたらプロゲイトに戻って復習しましょう。

  1. HTMLのそれぞれのタグの理解
    タイトル、文章、ボタン、画像それぞれどんなタグを使って書くか説明できるでしょうか?特にボタンや画像はどのようにリンクを指定してあげれば良いでしょうか?

  2. htmlの構造への理解
    ヘッダーやフッターがどの部分に当たるかサイトを見てすぐにわかるでしょうか?またHTMLはどのように記述するでしょうか?

  3. cssへの理解
    htmlファイルでcssファイルはどのように読み込むか分かりますか?またcssの書き方(文字の色を変えるなど)は覚えていますか?

  4. flex-boxへの理解
    要素を横並びにするにはどうすれば良いでしょうか?

  5. margin paddingへの理解
    margin paddingの違いはなんでしょうか?

  6. 真ん中寄せの方法
    どんな要素の時にどんな方法で真ん中寄せするのか理解はできているでしょうか?

  7. レスポンシブ対応への理解
    CSSでスマホ用の記述を書くためにはどのように記述すればよいでしょうか?

上記で分からない部分がある場合以下の記事を見てみましょう。
https://menta.work/post/detail/27656/VFtwSCZD6nKkikXPXeSt

上記が全てわかったら早速簡単な模写コーティングをしてチェックしましょう。
以下のサイトを模写して私メンターに見せてください。
https://code-step.com/demo/html/profile/

模写コーディングのやり方が分からない方は以下の動画をみてください。
https://youtu.be/OH1X09Ilu9E

何か質問があれば聞いてくださいね。