PHP för nybörjare – dynamiska webbsidor

Lär dig grunderna i PHP – skapa dynamiska webbsidor som reagerar på användarens input. Kräver XAMPP eller en annan lokal server.

Vad är PHP?

PHP (PHP: Hypertext Preprocessor) är ett programmeringsspråk som körs på servern. Till skillnad från HTML och CSS, som webbläsaren tolkar, bearbetas PHP av webbservern innan sidan skickas till besökaren.

Det betyder att PHP kan:

Generera HTML dynamiskt
Hantera formulärdata
Läsa och skriva till databaser
Skapa sessioner och inloggningar

PHP driver fortfarande en stor del av webben – bland annat WordPress, som står bakom ungefär 40% av alla sajter.

Förutsättning: Du behöver en lokal server (XAMPP eller liknande) för att köra PHP. Se föregående artikel om du inte har installerat det än.

Din första PHP-fil

Skapa filen index.php i htdocs-mappen:

<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<title>Min första PHP-sida</title>
</head>
<body>
<h1>Hej från PHP!</h1>
<p>Klockan är just nu: <?php echo date('H:i:s'); ?></p>
</body>
</html>

Gå till http://localhost/index.php. Du ser klockslaget – och det uppdateras varje gång du laddar om sidan. Det är dynamiskt innehåll!

Hur det fungerar

Webbläsaren begär index.php från servern
Apache ser att det är en .php-fil och skickar den till PHP-tolken
PHP kör koden mellan <?php och ?>
Resultatet (ren HTML) skickas tillbaka till webbläsaren

Variabler

I PHP börjar variabler med $-tecken:

<?php
$namn = "Erik";
$alder = 28;
$ar = date('Y');echo "<p>Hej, jag heter $namn och är $alder år.</p>";
echo "<p>Vi är inne på år $ar.</p>";
?>

If-satser – villkor

<?php
$timme = date('H');if ($timme < 12) {
echo "<p>God morgon!</p>";
} elseif ($timme < 18) {
echo "<p>God eftermiddag!</p>";
} else {
echo "<p>God kväll!</p>";
}
?>

Sidan visar olika hälsningar beroende på vilken tid på dygnet det är.

Formulär – ta emot data

Det kraftfullaste med PHP för nybörjare: att hantera formulär.

HTML-formuläret

<form method="post" action="hej.php">
<label>Ditt namn:</label>
<input type="text" name="namn">
<button type="submit">Skicka</button>
</form>

PHP som tar emot (hej.php)

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$namn = htmlspecialchars($_POST['namn']);
echo "<h1>Hej, $namn!</h1>";
echo "<p>Välkommen till min sida.</p>";
} else {
echo "<p>Ingen data skickades.</p>";
}
?>

Säkerhet: Funktionen htmlspecialchars() skyddar mot XSS-attacker genom att omvandla HTML-tecken. Använd den alltid när du visar data från användaren.

Arrayer och loopar

<?php
$frukt = ["Äpple", "Banan", "Citron", "Druva"];
?><h2>Min fruktlista</h2>
<ul>
<?php foreach ($frukt as $f): ?>
<li><?php echo $f; ?></li>
<?php endforeach; ?>
</ul>

Här blandar vi PHP och HTML. PHP genererar en <li>-rad för varje frukt i arrayen.

Include – återanvänd kod

Istället för att kopiera samma header och footer till varje sida kan du använda include:

<!-- header.php -->
<header>
<nav>
<a href="/">Hem</a>
<a href="/om.php">Om</a>
<a href="/kontakt.php">Kontakt</a>
</nav>
</header><!-- index.php -->
<?php include 'header.php'; ?>
<h1>Välkommen</h1>
<p>Sidans innehåll...</p>
<?php include 'footer.php'; ?>

Det här mönstret är grunden för hur alla CMS-system (som WordPress) fungerar.

Sammanfattning

Begrepp	Förklaring
`<?php ?>`	PHP-taggarna – koden emellan körs på servern
`echo`	Skriver ut text/HTML
`$variabel`	Lagrar ett värde
`if/else`	Villkorlig logik
`$_POST`	Data från ett formulär
`foreach`	Loopar genom en lista
`include`	Inkluderar en annan PHP-fil

Vad händer härifrån?

Du har nu grunderna i PHP – tillräckligt för att bygga enkla dynamiska sajter. Härifrån kan du:

Koppla till en MySQL-databas för att lagra data permanent
Bygga ett kontaktformulär som skickar mejl
Installera WordPress och förstå hur det fungerar under ytan

Oavsett om du sedan väljer att bygga med AI-verktyg eller skriva kod för hand – de kunskaper du fått i den här guiden ger dig en solid grund att stå på.

Vad händer härnäst?

Du har nu grunderna i PHP! Du vet hur man skriver dynamiska sidor, hanterar formulär och delar upp kod i moduler.

👉 Kolla in Grundläggande termer inom webbdesign för en översikt av viktiga begrepp du stött på genom hela guiden.

Vill du se hur AI kan snabba upp ditt arbete? Se Vad är Vibe Coding? och Lovable: Bygga webbappar med AI.

Och glöm inte att läsa Varför grunderna fortfarande spelar roll – en artikel som knyter ihop allt du lärt dig med de moderna verktygen.

Introduktion till PHP – dynamiskt innehåll