Jak wbudować kod PHP w kod HTML

Jeśli kiedykolwiek budowałeś prostą stronę internetową w HTML i pomyślałeś: „Fajnie by było, gdyby ta strona robiła coś więcej niż tylko wyświetlała tekst”, to właśnie PHP jest tym, czego potrzebujesz.
PHP pozwala Ci dodać do statycznego HTML-a trochę magii – dynamiczne treści, obsługę formularzy, logowanie, bazę danych i wiele innych rzeczy.

W tym artykule pokażę Ci jak krok po kroku wbudować kod PHP w kod HTML, wytłumaczę jak to działa od środka, a na końcu zobaczysz kilka praktycznych przykładów z fragmentami kodu, które możesz od razu wypróbować.

Czym właściwie jest PHP?

Zacznijmy od podstaw.
PHP (czyli Hypertext Preprocessor) to język skryptowy działający po stronie serwera.
Oznacza to, że zanim przeglądarka użytkownika zobaczy stronę, serwer wykonuje kod PHP i generuje gotowy kod HTML, który dopiero potem trafia do użytkownika.

Czyli:
– użytkownik widzi czysty HTML,
– ale pod spodem serwer „składa” ten HTML za pomocą PHP.

Dzięki temu możemy np.:

wyświetlać dane z bazy (np. listę produktów),
reagować na działania użytkownika (np. formularze, logowanie),
czy zmieniać zawartość strony w zależności od pory dnia.

Dlaczego warto wbudować PHP w HTML?

Zastanawiasz się pewnie – po co to mieszać? Dlaczego nie pisać wszystkiego w PHP albo tylko w HTML?

Odpowiedź jest prosta: połączenie HTML i PHP daje Ci elastyczność.

HTML to szkielet strony – struktura i wygląd.
PHP to logika – co ma się na stronie pojawić, skąd pobrać dane, jak reagować na użytkownika.

Dzięki temu możesz np.:

zrobić jedną stronę HTML, która zmienia treść automatycznie (np. wyświetla imię zalogowanego użytkownika),
unikać powielania kodu (np. ten sam nagłówek na wielu stronach),
tworzyć dynamiczne aplikacje w prosty sposób.

Jak działa PHP w HTML?

Zanim przejdziemy do kodu, musisz wiedzieć jedno:
Plik, w którym chcesz używać PHP, musi mieć rozszerzenie .php, nie .html.

Dlaczego?
Bo serwer musi wiedzieć, że ma najpierw wykonać kod PHP, zanim wyśle HTML do przeglądarki.

Czyli np. zamiast:

index.html

stwórz:

index.php

I teraz możesz już pisać kod PHP w środku HTML-a!

Podstawowa składnia – czyli jak wygląda kod PHP w HTML

Każdy fragment kodu PHP zaczyna się od:

<?php

i kończy się na:

?>

Między tymi znacznikami możesz pisać dowolny kod PHP.

Przykład 1: Pierwszy skrypt PHP w HTML

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <title>Moja pierwsza strona PHP</title>
</head>
<body>
    <h1>Witaj na mojej stronie!</h1>

    <?php
        echo "Dzisiaj jest " . date("d-m-Y");
    ?>
</body>
</html>

Co się tutaj dzieje?

<?php ... ?> to miejsce, gdzie wklejamy kod PHP.
Funkcja date("d-m-Y") zwraca aktualną datę.
echo wyświetla wynik na stronie.

W efekcie, po wejściu na stronę zobaczysz coś takiego:

Witaj na mojej stronie!
Dzisiaj jest 08-10-2025

Proste, prawda?

Łączenie HTML i PHP w praktyce

PHP możesz umieszczać gdziekolwiek w HTML-u – w nagłówku, w treści, a nawet w atrybutach.

Przykład 2: PHP w środku tekstu HTML

<p>Witaj, <?php echo "użytkowniku!"; ?> Miłego dnia!</p>

Wynik:

Witaj, użytkowniku! Miłego dnia!

Możesz też tworzyć zmienne i używać ich w treści strony:

<?php $imie = "Ania"; ?>
<p>Cześć, <?php echo $imie; ?>!</p>

Efekt:

Cześć, Ania!

Skrócony zapis `<?= ?>` – czyli szybciej i czytelniej

Wielu programistów PHP używa tzw. short echo tagów, które są skrótem dla <?php echo ... ?>.

Czyli:

<p>Witaj, <?= $imie ?>!</p>

jest tym samym co:

<p>Witaj, <?php echo $imie; ?>!</p>

To drobna rzecz, ale zwiększa czytelność kodu i skraca pisanie, zwłaszcza gdy często wypisujesz dane w HTML-u.

PHP w pętlach i warunkach wewnątrz HTML

Największa moc PHP w HTML-u ujawnia się, gdy zaczynasz używać warunków (if, else) i pętli (for, foreach) bezpośrednio w strukturze strony.

Przykład 3: Warunek `if` w HTML

<?php
$godzina = date("H");
?>

<!DOCTYPE html>
<html lang="pl">
<head><meta charset="UTF-8"><title>Przykład z warunkiem</title></head>
<body>
    <?php if ($godzina < 12): ?>
        <h2>Dzień dobry!</h2>
    <?php else: ?>
        <h2>Dobry wieczór!</h2>
    <?php endif; ?>
</body>
</html>

Tutaj użyliśmy specjalnej składni if ... endif, która wygląda schludniej w połączeniu z HTML.

Przykład 4: Pętla `foreach` w HTML

Załóżmy, że masz tablicę imion i chcesz wyświetlić listę:

<?php
$imiona = ["Ania", "Bartek", "Kasia", "Tomek"];
?>

<ul>
<?php foreach ($imiona as $imie): ?>
    <li><?= $imie ?></li>
<?php endforeach; ?>
</ul>

Wynik na stronie:

• Ania  
• Bartek  
• Kasia  
• Tomek

Zauważ, że HTML i PHP są tutaj pięknie zmieszane – pętla steruje treścią, ale sama struktura HTML jest zachowana.

Praktyczny przykład – dynamiczne generowanie strony

Zróbmy coś bardziej praktycznego: małą stronę, która pokazuje aktualne oferty produktów.

<?php
$produkty = [
    ["nazwa" => "Laptop Lenovo", "cena" => 3299],
    ["nazwa" => "Smartfon Samsung", "cena" => 2499],
    ["nazwa" => "Słuchawki Sony", "cena" => 499]
];
?>

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <title>Lista produktów</title>
    <style>
        body { font-family: Arial; margin: 40px; }
        table { border-collapse: collapse; width: 50%; }
        th, td { border: 1px solid #ddd; padding: 8px; }
        th { background-color: #f2f2f2; }
    </style>
</head>
<body>
    <h1>Nasze produkty</h1>

    <table>
        <tr>
            <th>Produkt</th>
            <th>Cena (PLN)</th>
        </tr>
        <?php foreach ($produkty as $p): ?>
            <tr>
                <td><?= $p["nazwa"] ?></td>
                <td><?= $p["cena"] ?></td>
            </tr>
        <?php endforeach; ?>
    </table>
</body>
</html>

Wynik: tabela z trzema produktami – wygenerowana całkowicie dynamicznie przez PHP.
Jeśli dodasz nowy produkt do tablicy, pojawi się automatycznie na stronie.

Jak uruchomić plik PHP?

To bardzo częste pytanie początkujących: „Zrobiłem plik .php, ale po otwarciu w przeglądarce widzę tylko kod, a nie wynik – dlaczego?”

Odpowiedź:
PHP nie działa lokalnie z pliku, musi być przetworzone przez serwer.

Masz dwie opcje:

1. Zainstaluj lokalny serwer (XAMPP, Laragon, MAMP)

Najprostsza metoda to zainstalowanie XAMPP lub Laragon – darmowych pakietów, które zawierają Apache (serwer) i PHP.

Po zainstalowaniu:

wrzuć plik index.php do folderu htdocs (w XAMPP) lub www (w Laragon),
uruchom serwer,
wejdź w przeglądarce na adres:
http://localhost/index.php

i gotowe!

2. Użyj wbudowanego serwera PHP

Jeśli masz już PHP zainstalowane (np. na Macu lub Linuksie), możesz uruchomić serwer w terminalu:

php -S localhost:8000

Następnie odwiedź http://localhost:8000 i zobacz wynik.

Częste błędy przy łączeniu HTML i PHP

Nie martw się, każdy popełnia je na początku. Oto kilka typowych:

Plik ma złe rozszerzenie – pamiętaj, musi być .php.
Kod PHP poza znacznikami <?php ... ?> – PHP nie zadziała, jeśli zapomnisz tych znaczników.
Brak serwera – otwarcie pliku przez file:// nie uruchomi PHP.
Niepoprawna składnia – np. brak średnika ; lub zła pętla foreach.
Użycie echo w złym miejscu – np. wewnątrz atrybutu HTML bez cudzysłowów.

Bonus: Wstawianie kodu PHP do HTML w sposób modularny

Zamiast pisać wszystko w jednym pliku, możesz dzielić kod na części.
Na przykład:

header.php – nagłówek strony
footer.php – stopka
index.php – treść główna

I wtedy w index.php:

<?php include 'header.php'; ?>

<h1>Witaj na stronie głównej</h1>

<?php include 'footer.php'; ?>

To genialne rozwiązanie, gdy masz większy projekt – dzięki temu każda część strony jest osobnym plikiem, a zmiana np. stopki jest natychmiast widoczna wszędzie.