Balises Html et méta pour débutant

voici un exemple de page internet qui utilise des balises HTML et des balises meta :

<!DOCTYPE html>
<html>
    <head>
        <title>Ma page sur les balises HTML et Meta</title>
        <!-- Balises Meta -->
        <meta charset="UTF-8">
        <meta name="description" content="Une page qui explique l'utilisation des balises HTML et Meta">
        <meta name="keywords" content="HTML, CSS, balises Meta">
        <meta name="author" content="Votre nom">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <h1>Les balises HTML et Meta</h1>
        <p>Les balises HTML sont les éléments de base de toute page web. Elles définissent la structure et le contenu de la page.</p>
        <h2>Les balises Meta</h2>
        <p>Les balises Meta fournissent des informations sur la page web qui sont utiles pour les moteurs de recherche et les navigateurs. Par exemple, elles peuvent définir le jeu de caractères utilisé, la description de la page, les mots-clés pour les moteurs de recherche, l'auteur de la page et le point de vue de la fenêtre pour les appareils mobiles.</p>
    </body>
</html>

Voici une explication rapide des balises Meta utilisées :

<meta charset="UTF-8"> : Cette balise définit l’encodage des caractères pour la page web.
<meta name="description" content="..."> : Cette balise fournit une description de la page web qui peut être utilisée par les moteurs de recherche.
<meta name="keywords" content="..."> : Cette balise est utilisée pour définir les mots-clés pour les moteurs de recherche.
<meta name="author" content="..."> : Cette balise est utilisée pour définir l’auteur de la page web.
<meta name="viewport" content="width=device-width, initial-scale=1.0"> : Cette balise est utilisée pour contrôler la mise en page sur les appareils mobiles.