PHP est un langage de programmation utilisé principalement pour générer du contenu dynamique côté serveur. Souvent, vous souhaitez combiner PHP avec du HTML pour créer des pages web dynamiques. Voici comment le faire de manière simple.
1. Intégrer du HTML dans un Fichier PHP
Pour insérer du code HTML dans un fichier PHP, vous avez simplement à fermer le bloc PHP avec ?> et ouvrir un bloc HTML. Lorsque vous avez besoin de revenir au PHP, utilisez <?php pour réouvrir le bloc PHP.
<?php
$nom = "Alice";
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Exemple PHP</title>
</head>
<body>
<h1>Bienvenue sur la page PHP</h1>
<p>Bonjour, <?php echo $nom; ?>!</p>
</body>
</html>
Dans cet exemple, la variable PHP $nom est utilisée dans le code HTML avec <?php echo $nom; ?>.
2. Inclure du CSS dans un Fichier PHP
Le CSS (Cascading Style Sheets) permet de styliser vos pages HTML. Vous pouvez l’inclure de deux manières principales : en ligne (inline) ou via un fichier externe.
a. CSS en Ligne
Le CSS en ligne signifie que le style est directement intégré dans les éléments HTML. Cela peut être fait avec l’attribut style dans les balises HTML.
<?php
$couleur = "red";
?>
<p style="color: <?php echo $couleur; ?>;">Ceci est un texte rouge.</p>
b. CSS Externe
L’utilisation de CSS externe est recommandée pour des styles plus élaborés. Cela se fait en incluant un fichier CSS dans la section <head> de votre HTML.
<!DOCTYPE html>
<html lang="fr">
<head>
<link rel="stylesheet" type="text/css" href="style.css"> <!-- Chemin vers votre fichier CSS -->
<title>Exemple avec CSS externe</title>
</head>
<body>
<h1 style="color: blue;">Titre bleu</h1>
<p class="texte-rouge">Texte rouge stylisé par CSS externe</p>
</body>
</html>
Dans cet exemple, le fichier CSS style.css est inclus avec <link rel="stylesheet" type="text/css" href="style.css">. Le fichier style.css peut contenir des styles comme :
.texte-rouge {
color: red;
}
h1 {
font-size: 24px;
}
3. Manipulation Dynamique du HTML avec PHP
Vous pouvez également créer du contenu HTML de manière dynamique avec PHP, en utilisant des structures de contrôle comme if, foreach, ou des fonctions.
<?php
$fruits = ["Pomme", "Banane", "Orange"];
?>
<ul>
<?php foreach ($fruits as $fruit): ?>
<li><?php echo $fruit; ?></li>
<?php endforeach; ?>
</ul>
Cet exemple crée une liste HTML avec des éléments générés dynamiquement à partir du tableau $fruits.