Summary  
This chapter covers client–server communication and DNS resolution, explaining how a client sends a network request through an ISP, how DNS maps a domain name to an IP address, and how the server returns resources for rendering.  

General domain of usage  
Web browsing

インターネットは、世界中のデバイスを接続する広大なネットワーク。
その仕組みの基本概念を、次の3つの重要な用語に注目して解説：
- **クライアント**：インターネットを介してサーバーにサービスやデータのリクエストを送信するデバイスまたはアプリケーション；
- **インターネットサービスプロバイダー（ISP）**：インターネットおよび関連サービスへの接続を提供する企業；
- **ドメインネームシステム（DNS）**：人間が読みやすいドメイン名を、コンピュータ同士がネットワーク上で識別するための数値IPアドレスに変換するシステム。

## ウェブサイトを開くと何が起こるのか？

例として `www.google.com` を使用：
1. **クライアント → ISP**：ブラウザがインターネットサービスプロバイダーにリクエストを送信。ISPはインターネットへの入口となる；
2. **DNSルックアップ**：ISPがリクエストをDNSサーバーに転送。
DNSはドメイン名（`www.google.com`）をGoogleウェブサーバーのIPアドレスに変換；
3. **サーバーへの接続**：IPアドレスが判明すると、ブラウザは正しいウェブサーバーに直接接続可能；
4. **データの受信**：サーバーが必要なファイル（HTML、CSS、JavaScript、画像など）を返送；
5. **ウェブページの表示**：ブラウザがこれらのファイルを処理し、最終的なウェブページを表示。

インターネットのインフラは複雑だが、ウェブサイトへのアクセスは本質的に1つの重要なステップに集約される：**DNSによる正しいIPアドレスの特定**。

これが完了すれば、クライアントとサーバーは通常通り通信可能。

ノート

DNSサーバーは特定のウェブサイトへアクセスする際にどのような役割を果たすか？

HTMLの基本を学びましょう。HTMLはすべてのウェブサイトの基盤です。タグや属性を使ってコンテンツを構造化し、明確なドキュメントレイアウトを構築し、画像、リンク、テーブルを追加します。入力やインタラクションを取得するためのアクセシブルでユーザーフレンドリーなフォームを作成します。ベストプラクティスに従いながら、構造化され機能的なウェブページの作成を実践します。HTMLを習得してウェブ開発の第一歩を踏み出しましょう。

ウェブの仕組みを探求します。データがネットワークを通じてどのように移動するかを学び、プロトコルの役割を発見し、IPアドレスやドメイン名の謎を解き明かします。ウェブブラウザとサーバーがどのように通信してウェブコンテンツを配信するかについて、高度な理解を得ることができます。

見出しや段落からリストやテーブルまで、タグを使ってコンテンツを構造化する方法を学びます。属性を用いて要素を強化する方法についても理解します。

HTMLドキュメント構造の核心部分。DOCTYPE宣言、head、bodyを含むHTMLドキュメントの構成要素について学びます。各要素の目的と、それらがウェブページ全体の構造にどのように寄与するかを理解します。

画像、音声、動画などのメディアを活用してウェブページをより魅力的にします。表形式の構造化データをテーブルとして扱います。

HTMLフォームの多様性を探求します。主要な概念と技術を活用して、直感的でユーザーフレンドリーなフォームの設計方法を学びます。フォームがウェブサイト上でユーザーの操作やデータ送信を可能にする仕組みを理解します。

インターネットはどのように機能するのか？

ウェブサイトを開くと何が起こるのか？