Comment utiliser les codes PHP en HTML
par Tychic Obanda
Programmation web | 4 commentaires
Besoin d'une carte Visa ? Procurez-vous la carte visa Fyatu à seulement 5$. Cliquez ici
Dans cet article, je vais vous montrer comment utiliser le code PHP dans vos pages HTML. Il s'adresse aux débutants PHP qui tentent de renforcer leur connaissance sur le langage de script côté serveur le plus populaire au monde.
Encore une fois, PHP est un langage de script côté serveur.
Cela signifie qu'un script PHP n'est exécuté que sur un serveur et le résultat est envoyé en HTML au navigateur pour le rendu.
Il est naturel de mélanger PHP et HTML dans un script, mais en tant que débutant, il est difficile de savoir comment combiner le code PHP avec le code HTML.
Aujourd'hui, nous allons discuter de deux façons différentes de choisir lorsque vous souhaitez utiliser PHP en HTML.
Différentes façons de combiner PHP et HTML
D'une manière générale, lorsqu'il s'agit d'utiliser PHP en HTML, il existe deux approches différentes :
- La première consiste à incorporer le code PHP dans votre fichier HTML lui-même avec l'extension
.html. - L'autre option, ma manière préférée, est de combiner les balises PHP et HTML dans les fichiers
.php
PHP étant un langage de script côté serveur, le code est interprété et exécuté côté serveur.
Par exemple, si vous ajoutez le code suivant dans votre fichier index.html, il ne s'exécutera pas hors de la boîte.
<!DOCTYPE html><html> <head> <title>Intégrer PHP dans un fichier .html</title> </head> <body> <h1><?php echo "Hello World"; ?></h1> </body></html>Tout d'abord, ne vous inquiétez pas si vous n'avez jamais vu ce type de code PHP et HTML mélangé auparavant, car nous en discuterons en détail tout au long de cet article.
L'exemple ci-dessus affiche les informations suivantes dans votre navigateur:
<?php echo "Hello World", ?>
Ainsi, comme vous pouvez le voir, par défaut, les balises PHP dans votre fichier .html ne sont pas détectées et sont simplement considérées comme du texte brut.
En effet, le serveur est généralement configuré pour exécuter PHP uniquement pour les fichiers avec l'extension .php.
Comment ajouter des balises PHP dans votre page HTML
Quand il s'agit d'intégrer du code PHP au contenu HTML, vous devez joindre le code PHP avec la balise de début PHP <?php et la balise de fin PHP ?>. Le code enveloppé entre ces deux balises est considéré comme du code PHP et sera donc exécuté côté serveur avant que le fichier demandé ne soit envoyé au navigateur client.
Jetons un coup d'œil à un exemple très simple qui affiche un message en utilisant du code PHP.
Créez le fichier index.php avec le contenu suivant sous la racine de votre fichier.
<!DOCTYPE html><html> <head> <title>Comment mettre PHP en HTML - Exemple simple</title> </head> <body> <h1><?php echo "Ce message provient du côté serveur."; ?></h1> </body></html>La chose importante dans l'exemple ci-dessus est que le code PHP est enveloppé par les balises PHP.
Comme vous pouvez le voir, le code PHP est analysé et exécuté côté serveur, et il est fusionné avec HTML avant que la page ne soit envoyée au navigateur.
La structure globale de la page PHP combinée avec du code HTML et PHP devrait ressembler à ceci :
<!DOCTYPE html><html> <head> <title>...</title> </head> <body> HTML... <?php PHP code ... ?> HTML... <?php PHP code ... ?> HTML... </body></html>Comment utiliser les boucles PHP sur une page HTML
Parcourir les tableaux pour produire du contenu HTML est l'une des tâches les plus courantes que vous rencontrerez lors de l'écriture de scripts PHP.
Ici, nous verrons comment vous pouvez parcourir un tableau d'éléments et générer une sortie.
Dans la plupart des cas, vous devrez afficher le contenu du tableau que vous avez rempli à partir de la base de données ou d'autres sources.
Dans cet exemple, nous initialiserons le tableau avec différentes valeurs au début du script lui-même.
<!DOCTYPE html><html> <head> <title>Boucle foreach</title> </head> <body> <?php $noms = array("Tychic", "Rosthene", "Julio", "Freb", "Henry"); ?> <h1>Liste de noms</h1> <ul> <?php foreach ($noms as $nom) { ?> <li><?php echo $nom ?></li> <?php } ?> </ul> </body></html>Premièrement, nous avons initialisé le tableau au début de notre script. Ensuite, nous avons utilisé la boucle foreach pour parcourir les valeurs du tableau. Et enfin, nous avons utilisé l'instruction echo pour afficher la valeur de l'élément de tableau.
Et la sortie devrait ressembler à ceci:
Le même exemple avec une boucle while ressemble à ceci :
<!DOCTYPE html><html> <head> <title>Boucle while</title> </head> <body> <?php $noms = array("Tychic", "Rosthene", "Julio", "Freb", "Henry"); $total = count($noms); ?> <h1>List de noms</h1> <ul><?php $i = 0;?> <?php while ($i < $total) { ?> <li><?php echo $noms[$i] ?></li> <?php ++$i ?> <?php } ?> </ul> </body></html>Et le resultat sera le même. Voilà donc comment vous pouvez utiliser les boucles foreach et while pour générer du contenu HTML basé sur des tableaux PHP.
Ce sont donc différentes façons d'utiliser PHP pour ajouter du contenu HTML. En tant que débutant, vous pouvez apprendre en essayant différentes façons de faire les choses, et c'est amusant aussi!
Conclusion
Nous avons discuté de la façon dont vous pouvez mélanger PHP et HTML pour créer du HTML dynamique. Nous avons discuté de différentes méthodes avec une poignée d'exemples pour voir comment les choses fonctionnent.
N'hésitez pas à utiliser l'espace commentaire pour demander si vous avez des questions et je serai heureux d'y répondre!
Je suis Tychic Obanda. Avant j'étais un simple visiteur des sites internet et aujourd'hui je suis devenu le créateur des sites internet. Passionné de l'internet et de la programmation, je publie sur ce site des astuces et tutoriels pour vous aider de mieux apprendre la programmation web et de vivre de cette passion.
Laisser un commentaire
4 commentaires
Recherche
Bonus Gratuit
Un ebook écrit pour vous montrer tout ce qu'il faut pour devenir développeur web