Médiaforma

All posts tagged code

Le code jQuery doit être placé entre les balises <script> et </script>, quelque part dans le corps du document, c’est-à-dire entre les balises <body> et </body>.

<html>
<head>
</head>
<body>
  <script>
    <!-- Le code jQuery sera écrit ici -->
  </script>
</body>
</html>

Dans la rubrique précédente, vous avez appris à vous servir de la balise <pre> pour afficher du texte non proportionnel dans un document. J’ai précisé que cet artifice était souvent utilisé lorsqu’une page Web devait afficher du code informatique. Ceci est tout à fait exact, à une exception près : si la page doit afficher du code HTML, il sera interprété lors de l’affichage. Les balises ne seront donc pas affichées.

Examinez la ligne 7. Elle contient du code HTML, placé entre les balises <pre> (ligne 6) et </pre> (ligne 8).

Lorsque ce document est affiché dans le navigateur, les balises <u> et </u> sont interprétées et le texte est souligné :

Pour éviter ce problème, les signes “inférieur à” doivent être remplacés par &lt; et les signes “supérieur à” par &gt;.

Nous copions la ligne 7 dans le presse-papiers et nous l’insérons à la suite. Puis nous effectuons les remplacements.

Les balises de la ligne 8 ne sont plus interprétées.


Insérer du code PHP dans du code HTML

Le code PHP peut s’insérer pratiquement partout dans une page HTML. Pour cela, vous devez l’encadrer de marqueurs particuliers :

<?php

// Une ou plusieurs lignes de code PHP

?>

A titre d’exemple, tapez le code suivant dans Notepad++ et sauvegardez-le sous le nom premier.php, dans le dossier c:\wamp\www\monPremierProjet.

Vous pouvez mettre la vidéo en pause pendant que vous tapez ce code. Lorsque tout le code sera saisi, vous pourrez poursuivre la vidéo.

<?php

Tester le code PHP dans WAMP

Pour exécuter le code PHP qui vient d’être écrit dans WAMP et afficher le résultat le navigateur par défaut, rendez-vous sur la page http://localhost. Sous Vos Projets, cliquez sur monPremierProjet puis sur premier.php. Voici le résultat :

Affichez le code de la page. Par exemple, dans Internet Explorer, appuyez puis relâchez la touche Alt du clavier, puis lancez la commande Affichage/Source. Voici le résultat :

Comme vous le voyez, le code PHP a disparu. Il a été remplacé par du texte. Ce texte est affiché dans le navigateur comme s’il s’agissait d’un traditionnel texte HTML.

Remarque
Il est très important d’enregistrer vos codes PHP dans le dossier www de WAMP ou dans un de ses sous dossiers, sinon, il ne pourra pas s’exécuter. Ici par exemple, le fichier premier.php a été enregistré dans le dossier www\monPremierProjet.