HTML Introduction - Tutoriel

Introduction

HTML, acronyme de HyperText Markup Language, est le langage standard pour la création et la conception de pages web. Il permet de structurer le contenu d'une page en utilisant des balises.

Exemples

Exemple 1 : Structure de base d'une page HTML

       <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Ma Première Page HTML</title>
        </head>
        <body>
            <h1>Bienvenue sur ma page!</h1>
            <p>Ceci est un paragraphe.</p>
        </body>
        </html>

Exercices avec Corrections

Exercice 1 : Ajouter un Titre

Ajoutez un titre de niveau 2 (<h2>) à la page HTML de l'exemple 1 avec le texte "Sous-titre".

       <h1>Bienvenue sur ma page!</h1>
        <h2>Sous-titre</h2>
        <p>Ceci est un paragraphe.</p>

Questions à Choix Multiple (QCM)

Quelle est la signification de HTML?
- A. HyperText Makeup Language
- B. HyperText Markup Language
- C. HyperTransfer Markup Language
Réponse correcte : B

Questions & Réponses

Question : Quelle est la différence entre <div> et <span>?

Réponse : <div> est utilisé comme un conteneur de bloc, tandis que <span> est utilisé comme un conteneur en ligne.

Études de Cas

Cas d'utilisation : Création d'une Liste

Imaginez que vous devez créer une liste non ordonnée (<ul>) avec trois éléments. Proposez le code HTML correspondant.

       <ul>
            <li>Élément 1</li>
            <li>Élément 2</li>
            <li>Élément 3</li>
        </ul>

Éléments à Retenir

HTML signifie HyperText Markup Language.
Les balises HTML sont utilisées pour structurer le contenu.
La structure de base d'une page HTML comprend les balises <html>, <head>, et <body>.

Proposition d'un Examen avec Correction

Quelle est la fonction de la balise <head>?
- A. Définir le contenu principal de la page.
- B. Inclure des métadonnées et des liens vers des fichiers externes.
- C. Définir le corps de la page.
Correction : B

Afficher le Contenu de la Réponse sous Forme d'une Page HTML

       <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Réponses HTML</title>
        </head>
        <body>
            <!-- Insérez ici le contenu des réponses sous forme de balises HTML -->
        </body>
        </html>

L'<strong>HTML</strong> est un langage de balisage utilisé pour créer des pages web. Il est le langage de base du web et est utilisé par tous les navigateurs web.

Voici un exemple de balise <strong>HTML</strong> :

<h1>Titre</h1>

Cette balise indique au navigateur qu'il doit afficher le texte "Titre" en tant que titre de niveau 1.

Une page <strong>HTML</strong> est composée de deux parties principales : la tête (<head>) et le corps (<body>).

La tête de la page contient des informations sur la page, telles que le titre, les métadonnées et les styles CSS.

Le corps de la page contient le contenu de la page, tel que le texte, les images, les liens et les formulaires.

Voici quelques éléments <strong>HTML</strong> de base :

<ul> : cet élément est utilisé pour créer une liste non ordonnée.

<li> : cet élément est utilisé pour créer une entrée dans une liste non ordonnée.

<a> : cet élément est utilisé pour créer un lien hypertexte.

Voici un exemple de page <strong>HTML</strong> simple :

Code source Structure de base d'une page HTML