Summary  
This chapter explains the client–server architecture and the DNS-based hostname resolution process that enable network communication for HTTP requests.  

General domain of usage  
Web application development

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

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

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

インターネットのインフラは複雑ですが、ウェブサイトにアクセスする際の本質的なステップは、**DNSを通じて正しいIPアドレスを見つけること**です。

これが完了すると、クライアントとサーバーは通常通り通信できます。

注記

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

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

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

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

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

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

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

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

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