Anatomy of an HTTP Response - Free HTML Lessons | Full Stack Web Development | Nextsem

When the server gets your request, it mails back an HTTP Response with a status code:

200 OK: *'Here is your webpage!'*

404 Not Found: *'Oops! I cannot find that page!'*

500 Server Error: *'My database crashed!'*

Example

<!DOCTYPE html>

<head>

<title>HTTP Response Example</title>

<style>

body { font-family: sans-serif; background: #0f172a; color: #fff; padding: 24px; }

.card { background: #1e293b; padding: 24px; border-radius: 12px; border: 1px solid #334155; max-width: 600px; margin: 0 auto; }

.badge { background: #04AA6D; color: #fff; font-weight: bold; padding: 6px 12px; border-radius: 6px; font-family: monospace; }

</style>

</head>

<body>

<h2 style="color:#04AA6D; margin-top:16px;">Server Response Payload</h2>

<p>The web server successfully processed your request and returned this live HTML page to your browser!</p>

</div>

</body>

</html>