Scribd
Importer
0 vues4 pages

HTML Exercice

Le document présente un exercice sur la création d'une page HTML5 avec une structure sémantique correcte. Il inclut un exemple de code HTML comprenant des éléments tels que header, main, article, aside et footer. La page est conçue pour un site web fictif avec des sections pour l'accueil, un article, des informations complémentaires et des coordonnées de contact.

Transféré par

roboticsclub2021
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0 vues4 pages

HTML Exercice

Le document présente un exercice sur la création d'une page HTML5 avec une structure sémantique correcte. Il inclut un exemple de code HTML comprenant des éléments tels que header, main, article, aside et footer. La page est conçue pour un site web fictif avec des sections pour l'accueil, un article, des informations complémentaires et des coordonnées de contact.

Transféré par

roboticsclub2021
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Intégration web

Hadhri ramzi
[Link]@[Link]
INTEGRATION WEB

Exercice

Structure Sémantique HTML5

Énoncé : Créez une page HTML5 avec une structure sémantique correcte.

HADHRI RAMZI 1
INTEGRATION WEB

Correction :

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Structure Sémantique HTML5</title>
</head>
<body>
<header>
<h1>Mon Site Web</h1>
<nav>
<ul>
<li><a href="#accueil">Accueil</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#apropos">À propos</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>

<main>
<section id="accueil">
<h2>Bienvenue</h2>
<p>Ceci est la page d'accueil de mon site.</p>
</section>

<article>
<header>
<h2>Titre de l'article</h2>
<p>Publié le <time datetime="2023-10-15">15 octobre 2023</time></p>
</header>

<p>Contenu principal de l'article...</p>

<section>
<h3>Section dans l'article</h3>
<p>Contenu de la section...</p>
</section>

<footer>
<p>Auteur: Jean Dupont</p>
</footer>
</article>

<aside>
<h3>Informations complémentaires</h3>
<p>Ceci est un contenu secondaire.</p>
</aside>

HADHRI RAMZI 2
INTEGRATION WEB

</main>

<footer>
<p>&copy; 2023 Mon Site Web. Tous droits réservés.</p>
<address>
Contact: <a href="[Link]
</address>
</footer>
</body>
</html>

HADHRI RAMZI 3

Vous aimerez peut-être aussi