このカテゴリでは、Webページの構造を作るための HTML の基礎を学びます。
見出しや段落、リンク、画像、フォームなど、Webサイトに欠かせない要素を正しく記述できるようになることが目的です。
HTMLはデザインやプログラミングの土台となるため、基礎を曖昧にしたまま進むと後で必ずつまずきます。
ここで正しいHTMLの書き方を身につけることで、CSSやJavaScript、PHPの理解がスムーズになります。
Web開発学習ロードマップ 3-7 HTMLフォーム送信の仕組みを理解する（GET / POST）
前の記事では、HTMLフォームの基本構造と input タグの使い方を学びました。フォームを作れるようになると、次に必ず出てくる疑問があります。・送信ボタンを押すと、裏側で何が起きているのか・GET と POST は何が違うのか・URLに文...
Web開発学習ロードマップ 3-6 フォームの基本構造とinputタグの使い方
ここまでで、HTMLの構造やタグ、セマンティックHTMLについて学んできました。ここから先、Webページを「見るだけのもの」から「ユーザーが操作できるもの」 に変えるために必要なのがフォーム（form） です。・お問い合わせフォーム・ログイ...
Web開発学習ロードマップ 3-5 セマンティックHTMLとは？正しい構造を書く理由
HTMLでページを作れるようになると、次のような疑問が出てきます。・とりあえず div で囲っていけば動く・見た目は問題ないけど、これで正しいのか不安・なぜ header や footer を使う必要があるのかこの疑問に答えるのが、セマンテ...
Web開発学習ロードマップ 3-4 HTMLでよく使うタグ一覧と基本的な使い方
HTMLの基本構造や属性について理解したところで、次に必要になるのが 「実際によく使うタグを把握すること」 です。HTMLには多くのタグがありますが、日常的に使うものは限られています。・どのタグを使えばいいか分からない・divばかり使ってし...
Web開発学習ロードマップ 3-3 HTML属性とは？class・id・nameの違い
HTMLを学び始めると、タグと一緒に次のような言葉が出てきます。・class・id・name「何となく見たことはあるけど、何が違うのかよく分からない」という状態になりやすい部分です。しかし、この 属性の理解 は、CSS・JavaScript...
Web開発学習ロードマップ 3-2 HTMLの基本構造と必須タグを理解しよう
前の記事では、HTMLがWebページの構造を作るための言語であることを学びました。ここでは、実際にHTMLを書くために必要な基本構造と、必ず使うタグを整理していきます。この内容は、CSS・JavaScript・PHPすべての土台になります。...
Web開発学習ロードマップ 3-1 HTMLとは何か｜Webページの構造を作る言語
Webページを作るうえで、最初に学ぶべき言語が HTML です。CSSやJavaScript、PHPといった技術はすべて、HTMLを土台として成り立っています。・HTMLは何をするためのものなのか・なぜ最初にHTMLを学ぶ必要があるのか・C...