Scribd Logo
Importer

Bienvenue sur Scribd !

  • Introduction À HTML - 2

    Transféré par

    Miss Ouissem
    5 vues2 pages

    Titre original

    Introduction à HTML - 2

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PPTX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    5 vues2 pages

    Introduction À HTML - 2

    Transféré par

    Miss Ouissem

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 2

    BASES DU HTML

    2.1. STRUCTURE D'UN


    DOCUMENT HTML
    <!DOCTYPE html>
    <html>

    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Titre de votre page</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
    </head>

    <body>
    <header>
    <h1>En-tête de votre page</h1>
    <nav>
    <ul>
    <li><a href="#section1">Section 1</a></li>
    <li><a href="#section2">Section 2</a></li>
    </ul>
    </nav>
    </header>

    <main>
    <section id="section1">
    <h2>Section 1</h2>
    <p>Ceci est le contenu de la section 1.</p>
    </section>
    <section id="section2">
    <h2>Section 2</h2>
    <p>Ceci est le contenu de la section 2.</p>
    </section>
    </main>

    <footer>
    <p>&copy; 2023 Votre site Web</p>
    </footer>
    </body>

    </html>
    -1- <!DOCTYPE html>: Cette déclaration indique au
    navigateur que la page est écrite en HTML5.
    -2- <html>: L'élément racine qui enrobe tout le contenu
    de la page.
    -3- <head>: Contient des méta-informations sur la page,
    telles que l'encodage des caractères, les paramètres de la
    fenêtre d'affichage et les liens vers des ressources
    externes (comme des feuilles de style ou des fichiers
    JavaScript).
    -4- <meta charset="UTF-8">: Spécifie l'encodage des
    caractères en UTF-8, ce qui convient à la plupart du
    contenu Web.
    -5- <meta name="viewport" content="width=device-
    width, initial-scale=1.0">: Aide à garantir que la page est
    réactive et s'affiche correctement sur différents appareils.
    -6- <title>: Définir le titre de la page Web, qui est affiché
    dans la barre de titre ou l'onglet du navigateur.
    -7- <link rel="stylesheet" type="text/css"
    href="styles.css">: Lien vers une feuille de style externe
    (styles.css) pour définir la présentation visuelle de la
    page.
    -8- <body>: Le contenu principal de la page Web se
    trouve à l'intérieur de l'élément body.
    -9- <header>: Contient généralement des éléments tels
    que le titre principal de la page (souvent un <h1>), les
    menus de navigation et les logos.
    -10- <nav>: Contient des liens de navigation,
    généralement placés dans un format de menu ou de liste.
    -11- <main>: Contient le contenu principal de la page.
    C'est un élément de niveau bloc.
    -12- <section>: Représente des groupements thématiques
    de contenu. Chaque section peut avoir son titre (par
    exemple, <h2>), et vous pouvez l'utiliser pour organiser
    le contenu de manière logique.
    -13- <footer>: Contient des informations généralement
    trouvées au bas de la page, telles que les avis de
    copyright et les coordonnées.

    Vous aimerez peut-être aussi