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

課題
  • HTML初級編で学んできたことの総復習を行います
  • GitHubに用意した課題の内容を確認して、課題をクリアしてHTML中級編に進みましょう!

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

課題レポジトリ

GitHub : html_excercise_for_beginner_part_2

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

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/

タグの属性(アトリビュート)

画像の表示や、リンクの作成には属性を利用します。

属性の使い方、画像表示のやり方、リンク作成のやり方を復習したい方は以下の資料を参照してください。

https://tsuyopon.xyz/learning-contents/web-dev/html/understand-attributes-in-html/

 

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

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

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

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

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

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

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

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

無料特典を受け取る