How to Write a “Hello World” HTML and PHP Page?

An HTML and PHP support forum for web development, beginner questions, templates, forms, server-side scripting, and troubleshooting.
Post Reply
MegaTux
Posts: 13
Joined: Thu Apr 16, 2026 6:21 am

How to Write a “Hello World” HTML and PHP Page?

Post by MegaTux »

If you're starting with web development, one of the first steps is creating a simple “Hello World” page. It helps you understand how web servers, browsers, and code execution work together.

This guide shows both **HTML (static)** and **PHP (server-side)** examples.

---

🌐 1. Hello World in HTML (Static Page)

HTML is the simplest form of web content. It runs directly in the browser without a server-side language.

### 📄 Example: index.html

```html

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
</head>
<body>
    <h1>Hello World</h1>
    <p>This is my first HTML page.</p>
</body>
</html>
```

### 💡 How it works:

* The browser reads the file directly
* No server processing is needed
* Everything is displayed as written

### ▶ How to run it:

1. Save the file as `index.html`
2. Open it in your browser (double click or drag into browser)

---

⚙️ 2. Hello World in PHP (Dynamic Page)

PHP runs on a server and generates HTML dynamically before sending it to the browser.

### 📄 Example: index.php

```php

Code: Select all

<?php
// Simple Hello World example in PHP
echo "Hello World";
?>
```

### 💡 How it works:

* The server executes PHP code
* Only the output is sent to the browser
* The user never sees the PHP source code

---

🧪 PHP with HTML Combined

You can mix PHP and HTML in the same file:

```php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PHP Hello World</title>
</head>
<body>

<h1>
<?php
echo "Hello World from PHP!";
?>
</h1>

</body>
</html>
```

🧠 Key Difference: HTML vs PHP


| Feature | HTML | PHP |
| ------------- | -------------- | --------------------- |
| Execution | Browser | Server |
| Type | Static | Dynamic |
| Interactivity | Limited | High |
| Use case | Layout/content | Logic + backend tasks |

---

Start simple, experiment often, and gradually build more complex projects.

— TUX Network Team
Post Reply