JavaScript est un langage exécuté par le navigateur web, à l'affichage d'une page web. (il est surtout utilisé pour ça)
Créer ce document HTML (le nom du fichier se terminera généralement par codice_1) puis l'ouvrir avec un navigateur.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> 
 <head>
 <script type="text/javascript">
 alert(prompt("bonjour le monde !"));
 </script>
 </head>
 <body>
 Corps de la page.
 </body> 
</html>
Le navigateur vous demande d’entrer un texte dans une pop-up, affiche le texte donné dans une seconde pop-up, et enfin affiche le corps du document. Félicitations, vous avez écrit vos premières instructions JavaScript dans un document HTML !
Note : La plupart des navigateurs exécuteront sans problème ce code simplifié :
<body>
 Corps de la page.
 <script type="text/javascript">
 alert(prompt("bonjour le monde !"));
 </script>
</body>
Une minute.
La tête comme le corps d'un document HTML peuvent contenir des instructions JavaScript :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> 
 <head>
 </head>
 <body>
 Corps.
 <script type="text/javascript">
 alert(prompt("bonjour le monde !"));
 </script>
 </body> 
</html>
Le navigateur se comporte comme pour le premier document de cette page, excepté le fait que le contenu de la page est affiché avant l’ouverture des pop-ups
une minute trente : une fonction JavaScript.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> 
 <head>
 <script type="text/javascript">
 function Prompt_et_alert() {
 alert(prompt("bonjour le monde !"));
 </script>
 </head>
 <body>
 <a onmouseout="Prompt_et_alert();"> <!-- une ancre balise un hyperlien -->
 Corps.
 </a>
 </body> 
</html>
La fonction est définie en tête de document et est exécutée lorsque la souris sort de l'ancre (codice_3).
Deux minutes.
Afin d'aller plus loin, ouvrez la console du navigateur.
Pour apprendre à manipuler cet outil, introduisez une erreur dans votre document, par exemple en oubliant un des guillemets codice_4, et vérifiez la présence de l'erreur dans la console JavaScript.
Félicitation, vous êtes paré pour écrire davantage d'instructions !
En deux minutes :
console.log().
Par la suite, nous utiliserons cette instruction pour faire apparaitre des messages en console, ce qui est pratique pour débuguer sans impacter le fonctionner du site (contrairement à codice_5). De plus, on peut y utiliser du code CSS et même y publier des tableaux.

Livre de cuisine/Tarama
la fabrication est facilement réalisable chez soi, bien que celui trouvé dans le commerce soit tout à fait correct. 
Préparation.
Divers ingrédients peuvent être ajoutés pour développer le goût du tarama, comme de la ou des oignons.
On peut conserver le tarama une fois préparé quelques heures dans un endroit frais, mais il faut le consommer rapidement afin que l'huile ne se délie pas de la préparation.

Programmation Web/Programmer en deux minutes

Un site web est un ensemble de pages web envoyées par un serveur distant à votre navigateur.
Créer ce document HTML dans un éditeur de texte avec coloration syntaxique. L'enregistrer (codice_2) puis l'ouvrir avec un navigateur :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> 
 <head>
 <title>Page web</title>
 <script type="text/javascript">
 alert("bonjour le monde !");
 </script>
 <style type="text/css"> 
 body { 
 background: green; 
 #division_une {
 border:1px dotted red;
 background: white; 
 </style>
 </head>
 <body>
 Corps.
 <div id="division_une">
 Première division du corps.
 </div>
 <div id="division_deux">
 Seconde <a href="http://wikipedia.org"> <!-- une ancre balise un hyperlien -->
 division 
 </a>
 du corps.
 </div>
 </body> 
</html>
Le navigateur affiche le titre du document, alerte l'utilisateur, puis affiche le corps du document selon l'apparence déclarée. Félicitation, vous avez écrit votre premier document HTML, contenant des déclarations de style CSS et des instructions JavaScript ! 
Vous pouvez partager ce document sur Internet, pour cela il vous faut un serveur, c'est-à-dire un logiciel qui "sert" les documents aux requêtes des visiteurs.
Votre ordinateur peut héberger votre serveur, ou vous pouvez utiliser un ordinateur distant. Il vous faut installer un serveur tel Apache ou nginx et l'exécuter. Un répertoire codice_3 est alors servi par le logiciel lors de la requête http://votre_adresse_IP depuis Internet et http://localhost depuis votre ordinateur.
L'index de votre site web.
Disposez d'un serveur, c'est-à-dire d'un répertoire codice_3 servi lors de requête http à votre ordinateur (distant ou local). 
Créez un document (codice_5) dans le répertoire codice_3 et faites une requête http au serveur (via votre navigateur) : l'index du site est servi.
Si votre document est accessible sur Internet, vous pouvez le faire contrôler par le validator du w3c.
Programmer côté serveur.
Renommez votre fichier (codice_2) en (codice_8) et ajoutez des instructions PHP - Hypertext Preprocessor, exécutées par le serveur et délivrant un document html.
<? php
$titre="Titre du document"; 
$alerte="bonjour le monde !"; //l'alerte affichée entre les deux divisions du corps.
$msg=$_GET['msg'];
?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> 
 <head>
 <title><?php echo $titre; ?></title>
 <script type="text/javascript">
 function Prompt_et_alerte() {
 alert(prompt("Votre souris est sortie de l'ancre !"));
 </script> 
 <style type="text/css"> 
 body { 
 background: green; 
 #division_une {
 border:1px dotted red;
 background: white; 
 </style>
 </head>
 <body>
 <div id="division_une">
 Première division du corps. <?php echo $msg; ?>
 </div> 
 <script type="text/javascript">
 alert(<?php echo $alerte; ?>);
 </script>
 <div id="division_deux">
 Seconde <a href="http://wikipedia.org" onmouseout="Prompt_et_alerte();"> <!-- la fonction Javascript est exécutée lorsque la souris sort de l'ancre -->
 division 
 </a>
 du corps.
 </div>
 </body> 
</html>
Faites une requêtes au serveur et lisez le code source (ctrl+U) de la page html servie.
Le PHP a été interprété par le serveur, le navigateur affiche la page html résultante.
Essayez la requête http://yourhost/index.php?msg=mon_message : le serveur affiche votre message dans le corps du document html.
Aller plus loin.
Afin d'aller plus loin, munissez votre navigateur d'un outil tel Firebug.
Pour apprendre à manipuler cet outil, introduisez dans votre document plein de divisions et de déclarations de style associées, éventuellement des erreurs JavaScript, et vérifiez que vous savez utiliser l'outil pour retrouver l'identifiant et le style des divisions html, ainsi que les erreurs d'exécution JavaScript.
Félicitation, vous êtes paré pour enrichir votre site web de fichiers HTML, CSS, JavaScript et PHP !
Pour aller plus loin :

Programmation JavaScript/Programmer en deux minutes/Une page wiki