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

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

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

課題レポジトリ

GitHub : html_excercise_for_beginner_part_1

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

HTMLの構造理解

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

あわせて読みたい
HTMLの構造を理解するHTMLはこれからWeb開発を始めようと思っている人は必ず理解して置かなければいけない分野となります。HTMLのコードの書き方を学ぶ前に、そもそもHTMLはどのような構造で成り立っているのかを理解することで今後の学習効率が上がるので基本から一緒に学んでいきましょう。...

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

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

あわせて読みたい
ローカルでHTMLを作成してブラウザでWebページを表示するどのようにしてHTMLファイルを作成するか、作成したHTMLをブラウザで確認するか知っていますか?HTMLの学習を始めようと思った時に、これらを理解していないと学習を始めることが出来ません。この記事でHTMLの作成・確認方法を解説します。...

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

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

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

あわせて読みたい
HTMLのブロックレベルとインラインを理解するHTMLでWebページを作る上で理解しておくべき概念「ブロックレベル要素」「インライン要素」。「ブロックレベル」「インライン」について説明した後に、実際にサンプルコードを交えて体感的にもブロックレベルとインラインを理解していきます。...

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

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

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

あわせて読みたい
HTMLのさまざまなリスト表示(箇条書き)のやり方を覚えるHTMLでリストを作るにはulタグ、olタグ、liタグが使います。この記事では単純なリストの作り方だけでなく、入れ子構造のリストの作り方も解説します。HTMLの初心者だけでなく、入れ子構造のリストを作ったこと無い方にも向けて書きました。...

 

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

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

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

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

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

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

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

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

無料特典を受け取る