Extrait de code en html

jetbrains html

Voici votre URL de partage

Cliquer pour copier dans le presse-papiers.

Nom du fichier : kata6.html

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Mon site web</title>
</head>
<body>
<header>
    <nav id="menu">
        <a href="#introduction">Accueil</a>
        <a href="#propos">À propos</a>
        <a href="#service">Services</a>
        <a href="#portfolio">Portfolio</a>
        <a href="#social-media">Contact</a>
        <a href="#">Blog</a>
    </nav>
</header>

<main>
    <div>
        <section id="introduction">
            <h1>Actualités</h1>
            <p>Voici les dernières actualités... </p>
            <img src="img_4.png" width="300" alt="mon texte alternatif">
        </section>

        <section id="service">
            <h2>Nos services</h2>
            <figure>
                <img src="img_4.png" width="200" alt="">
                <figcaption>
                    <p>Description du service 1...</p>
                </figcaption>
            </figure>
            <!-- figure figcaption a mettre -->
            <img src="img_4.png" width="200" alt="">
            <p>Description du service 2...</p>
            <img src="img_4.png" width="200" alt="">
            <p>Description du service 3...</p>
            <!--     -->

        </section>


        <section id="portfolio">
            <h2>Notre portfolio</h2>
            <figure><img src="img_4.png" width="200" alt="">
                <figcaption><p>Description du projet 1...</p></figcaption>
            </figure>

            <!-- figure figcaption a mettre -->
            <img src="img_4.png" width="200" alt="">
            <p>Description du projet 2.</p>
        </section>
    </div>

    <aside id="propos">

        <h3>Publicités</h3>
        <img src="img_4.png" width="200" alt="publicité">

        <h3>Liens utiles</h3>
        <p>Voici quelques liens utiles...</p>

        <h3>Témoignages</h3>
        <q>« J'adore ce site ! » - Paul</q>
        <q>« Super service client ! » - Amina</q>

    </aside>

</main>

<footer>
    <section id="social-media">
        <h3>Retrouvez-nous sur :</h3>
        <p>Facebook - Twitter - Instagram</p>
    </section>

    <section id="contact-info">
        <h3>Contact</h3>
        <p>123 Rue Principale, Paris</p>
        <p>Téléphone: 01 23 45 67 89</p>
    </section>

    <p>Copyright © 2023 MonSiteWeb</p>
</footer>

</body>
</html>

Informations

Cet extrait a été créé le

09 Apr 2026 à 10:42:52

Cet extrait expire le

09 May 2026 à 10:42:52

Langage :

html

Lien

Demander la suppression