Hallo!

BrainTech - Softwarelösungen, Webdesign und Anwendungen.

Modul 1 – Einführung in die Webentwicklung Lektion

HTML und PHP zusammen

Statischen und dynamischen Inhalt mischen

PHP wird am häufigsten in HTML-Templates eingebettet. Außerhalb von <?php ?>-Blöcken schreiben Sie normales HTML; innerhalb der Blöcke generieren Sie dynamische Teile: Produktlisten, Namen angemeldeter Benutzer, Paginierung. Alternativ verwenden Sie die kürzere echo-Syntax <?= $var ?> zum Ausgeben von Werten. Die Organisation des Codes in header.php, footer.php und Seiten reduziert Duplikate.

Best Practice

  • Halten Sie Logik (Abfragen, Validierung) am Dateianfang oder in separaten Include-Dateien.
  • HTML soll lesbar bleiben – vermeiden Sie tief verschachtelte PHP-Blöcke in Attributen.
  • Verwenden Sie htmlspecialchars() beim Ausgeben von Benutzerdaten in HTML.

Beispielablauf

Laden Sie Daten aus der Datenbank in ein Array und generieren Sie in einer foreach-Schleife <tr>-Tabellenzeilen.

<?php
$proizvodi = ["Monitor", "Tastatura", "Miš"];
?>
<ul>
<?php foreach ($proizvodi as $p): ?>
  <li><?= htmlspecialchars($p) ?></li>
<?php endforeach; ?>
</ul>

Arbeiten in der lokalen Umgebung

Erstellen Sie den Ordner htdocs/php-kurs im XAMPP-htdocs. Üben Sie jedes neue Thema in einer separaten Datei (z. B. html-i-php-zajedno.php), um Ihren Fortschritt leicht nachzuverfolgen. Halten Sie die Developer Tools (F12) geöffnet – die Tabs Network und Console beschleunigen das Lernen.

Design Wireframe
High Fidelity Design
Design development
Design development
Design development
Research development