Bienvenue dans votre première leçon sur le HTML et JavaScript

Introduction au HTML

HTML (HyperText Markup Language) est le langage de balisage utilisé pour créer des pages web. Il fournit la structure de base d'une page et permet d'organiser le contenu.

Éléments HTML de base

<h1> à <h6>: pour les titres
<p>: pour les paragraphes
<a>: pour les liens
<div>: pour les sections (divisions)
<span>: pour le texte en ligne (inline)

Exemple de Code HTML

        <!DOCTYPE html>
        <html>
        <head>
            <title>Ma page web</title>
        </head>
        <body>
            <h1>Bonjour, monde!</h1>
            <p>Ceci est un exemple de page web.</p>
        </body>
        </html>

Introduction au JavaScript

JavaScript est un langage de programmation utilisé pour rendre les pages web interactives. Avec JavaScript, vous pouvez manipuler le contenu HTML, réagir à des événements, et bien plus encore.

Variables

Les variables vous permettent de stocker des informations. Voici comment vous pouvez créer une variable :

        var nom = "Alice";
        let age = 25;
        const pays = "France";

Fonctions

Les fonctions sont des blocs de code qui effectuent une tâche spécifique. Voici un exemple de fonction simple :

        function saluer() {
            alert("Bonjour, bienvenue sur la page !");
        }

Événements

Vous pouvez réagir à des événements, comme un clic de souris. Par exemple, vous pouvez appeler une fonction lorsqu'un bouton est cliqué :

        <button onclick="saluer()">Cliquez-moi</button>

Exemple de Code JavaScript

Voici un exemple complet que vous pouvez essayer :

        <button onclick="saluer()">Cliquez-moi</button>
        <script>
            function saluer() {
                alert("Bonjour, bienvenue sur la page !");
            }
        </script>

Impression de la page

Cliquez sur le bouton ci-dessous pour imprimer ou sauvegarder cette page en PDF :