Blanda PHP och HTML

En PHP-fil kan innehålla vanlig HTML, med PHP-kod insprängd där sidan ska vara dynamisk.

PHP mitt i HTML

Allt som står utanför <?php ... ?> skickas till webbläsaren precis som det är. Du kan alltså skriva vanlig HTML, stänga PHP-taggen med ?> och öppna en ny där du behöver PHP igen.

I portalen visas resultatet nu som en webbsida. Tryck på Kör, och prova sedan Visa sidkälla för att se vad webbläsaren faktiskt får.

<?php
$namn = "Henrik";
$timme = (int) date("G");
?>
<!DOCTYPE html>
<html lang="sv">
<head>
    <meta charset="utf-8">
    <title>Min första PHP-sida</title>
</head>
<body>
    <h1>Hej <?php echo $namn; ?>!</h1>

    <p>Klockan är <?php echo date("H:i"); ?>.</p>

    <?php if ($timme < 12) { ?>
        <p>God förmiddag!</p>
    <?php } else { ?>
        <p>God eftermiddag!</p>
    <?php } ?>
</body>
</html>

Lägg märke till:

Sidkällan innehåller ingen PHP-kod, bara färdig HTML.
if-satsen styr vilken HTML som skickas. Bara den ena hälsningen finns i sidkällan.

Kortare sätt att skriva ut

<?= ... ?> är en förkortning av <?php echo ...; ?>:

<h1>Hej <?= $namn ?>!</h1>

Prova själv

Byt namnet och lägg till en rad som visar dagens datum.
Lägg till en tredje hälsning som visas efter klockan 18. Tips: elseif.
Skriv om utskrifterna med <?= ?>.

Best practice: dela upp i filer

Det går att blanda allt i en fil, men det blir snabbt rörigt. Håll isär:

PHP för logik
HTML för struktur
CSS för utseende, i en egen fil
JavaScript för det som händer i webbläsaren, i en egen fil

Ett bra mönster är att lägga PHP-logiken överst i filen och HTML:en under, som i exemplet ovan.