【エクササイズ】ここまで学んできたHTMLの復習その1

課題
  • ここまで学んできたHTMLの復習を行います
  • GitHubに用意した課題の内容を確認して、課題クリアがこの記事でのゴールです

課題内容は以下の課題レポジトリのURLに記述しています。

課題レポジトリ

GitHub : html_excercise_for_beginner_part_1

課題解決するために参考になる資料

HTMLの構造理解

そもそもHTMLがどのような構造で出来ているのかから復習したい方は以下の資料を参照してください。

https://tsuyopon.xyz/learning-contents/web-dev/html/basic-structure-of-html/

ローカルマシンでHTMLの作成と動作確認する方法

ローカルマシン(自分のパソコン)でHTMLファイルを作る方法と、作成したHTMLファイルの動作確認方法を知りたい方は以下の資料を参照してください。

https://tsuyopon.xyz/learning-contents/web-dev/html/show-html-on-local-machine/

ブロックレベル要素とインライン要素

課題では文字の一部を太字にしたり、リンクの作成をするところもあります。これらはインライン要素のタグを利用します。

ブロック要素とインライン要素について復習したい方は以下の資料を参照してください。

https://tsuyopon.xyz/learning-contents/web-dev/html/understand-block-and-inline/

順序付けリスト・番号なしリスト・入れ子構造のリスト

リスト表示(箇条書き)は順序付けリスト、番号なしリストだけでなく、入れ子構造のリストも可能です。

それぞれのリスト表示のやり方を復習したい方は以下の資料を参照してください。

https://tsuyopon.xyz/learning-contents/web-dev/html/how-to-make-lists/

 

質問・答え合わせ受け付けてます

課題に関して質問や答えの確認をしたい方はお気軽にご連絡をいただけたらと思います。

お問い合わせ・TwitterのDMのどちらでも受けて受けています。TwitterのDMのほうが早く気づけるので早めに返信できるかと思います。

あわせて読みたい
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!プログラミングやWebで困っていることに対して何でも質問受け付けています。「こんなこと質問しても大丈夫かな」と思っている方のために過去にどんな質問があったのか一例で挙げているので参考にしていただけたらと思います。...
【3つの特典付き】Webエンジニアに必要な基礎スキルを体系的に効率良く身につけたいですか?

LINE登録で無料特典を受け取る

次のような方向けに、学習をサポートするコンテンツを無料プレゼントしています。

  • Webエンジニアになりたいけど何から学習を始めれば良いかわからない
  • 今まで独学で頑張ってきたけど、独学に限界を感じてきた
  • プログラミングは出来るけど、大きめのコードが書けない

「プレゼント詳細が知りたい」「プレゼントを受け取りたい」といった方は、以下のボタンをクリックして詳細ページをご確認ください。

無料特典を受け取る