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

Internet är ett omfattande nätverk som kopplar samman enheter över hela världen. Vi kommer att undersöka de grundläggande begreppen bakom dess funktion genom att fokusera på tre nyckeltermer:
- **Klient**: en enhet eller applikation som initierar en begäran om tjänster eller data från en server via Internet;
- **Internetleverantör (ISP)**: ett företag som tillhandahåller tillgång till Internet och relaterade tjänster;
- **Domännamnssystem (DNS)**: ett system som översätter domännamn som människor kan läsa till numeriska IP-adresser som datorer använder för att identifiera varandra i nätverket.

## Vad händer när du öppnar en webbplats?

Vi använder `www.google.com` som exempel:
1. **Klient → ISP**: din webbläsare skickar en begäran till din internetleverantör. ISP fungerar som din ingångspunkt till Internet;
2. **DNS-uppslagning**: ISP vidarebefordrar din begäran till en DNS-server.
DNS omvandlar domännamnet (`www.google.com`) till IP-adressen för Googles webbserver;
3. **Anslutning till servern**: när IP-adressen är känd kan din webbläsare kontakta rätt webbserver direkt;
4. **Mottagning av data**: servern skickar tillbaka de nödvändiga filerna (HTML, CSS, JavaScript, bilder, etc.);
5. **Rendering av webbsidan**: din webbläsare bearbetar dessa filer och visar den slutliga webbsidan.

Även om Internet-infrastrukturen är komplex handlar det i grunden om ett viktigt steg för att komma åt en webbplats: **att hitta rätt IP-adress via DNS**.

När detta är gjort kan klienten och servern kommunicera som vanligt.

Notering

Vilken roll har DNS-servern vid åtkomst till en specifik webbplats?

Lär dig grunderna i HTML (HyperText Markup Language), grunden för webbutveckling. Denna nybörjarvänliga kurs täcker taggar, attribut, element och strukturering av webbsidor. Få praktiska färdigheter i att skapa rubriker, stycken, listor, bilder, länkar, formulär och tabeller. Utforska bästa praxis, optimering och webbtillgänglighet. Börja din webbutvecklingsresa med HTML.

Utforska webben inre funktioner. Lär dig hur data färdas över nätverk, upptäck protokollens roll och lös mysterierna med IP-adresser och domännamn. Få en övergripande förståelse för hur webbläsare och servrar kommunicerar för att leverera webb-innehåll.

Upptäck kraften i taggar för att strukturera innehåll, från rubriker och stycken till listor och tabeller. Lär dig hur du förbättrar elementen med attribut.

Kärnan i HTML-dokumentstrukturen. Lär dig komponenterna i ett HTML-dokument, inklusive doctype-deklarationen, head och body. Förstå syftet med varje element och hur de bidrar till den övergripande strukturen på en webbsida.

Gör en webbsida mer tilltalande med hjälp av media som bilder, ljud och video. Arbeta med strukturerad tabulär data i form av tabeller.

Utforska mångsidigheten hos HTML-formulär. Lär dig att designa intuitiva och användarvänliga formulär genom att utnyttja viktiga koncept och tekniker. Upptäck hur formulär möjliggör användarinteraktion och dataöverföring på webbplatser.

Hur Fungerar Internet?

Vad händer när du öppnar en webbplats?