1 HTML5
Transféré par
wbenamor7991 HTML5
Transféré par
wbenamor79901/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
🌐 HTML5 - Résumé (Annexe 2025)
Toutes les balises, attributs et événements avec exemples ET APERÇUS VISUELS
📤 La balise <output>
<output>
Représente le résultat d'un calcul ou d'une action utilisateur. Idéal pour afficher dynamiquement des résultats sans envoyer
de données au serveur. Nouveauté HTML5
<!--
Exemple : Calculateur simple avec la balise <output>
La valeur s'affiche automatiquement à chaque modification
-->
<form oninput="calculerResultat()">
<input type="number" id="valeurA" value="10">
+
<input type="number" id="valeurB" value="20">
=
<output name="resultat" id="resultatOutput">30</output>
</form>
localhost/2025-2026/resume/[Link] 1/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
<script>
// Fonction JavaScript pour mettre à jour la balise <output>
function calculerResultat() {
// Récupération des valeurs avec [Link]
let a = parseInt([Link]('valeurA').value) || 0;
let b = parseInt([Link]('valeurB').value) || 0;
let somme = a + b;
// Mise à jour de la balise output
[Link]('resultatOutput').value = somme;
}
</script>
🔍 Aperçu interactif :
10 + 20 = 30
💡 Astuce : Modifiez les valeurs ci-dessus - le résultat se met à jour automatiquement !
📋 Attributs de <output> :
• for : Liste des IDs des éléments liés (séparés par des espaces)
• form : Associe l'output à un formulaire spécifique (même en dehors)
• name : Nom de l'élément (accessible via JavaScript)
• Accessibilité : <output> a automatiquement le rôle ARIA "status"
localhost/2025-2026/resume/[Link] 2/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
🏗️ Éléments de 1er niveau
<html>
Représente la racine d'un document HTML. Contient tous les autres éléments.
<!-- Déclaration du type de document -->
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Mon site</title>
</head>
<body>
<h1>Bienvenue sur mon site</h1>
<p>Ceci est le contenu visible de la page.</p>
</body>
</html>
🔍 Aperçu :
Bienvenue sur mon site
Ceci est le contenu visible de la page.
(Structure HTML complète - voir code source)
localhost/2025-2026/resume/[Link] 3/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
<head> & <title>
Conteneur de métadonnées - le titre s'affiche dans l'onglet du navigateur.
<head>
<meta charset="UTF-8">
<meta name="description" content="Site de démonstration">
<title>Mon Titre d'Onglet</title>
</head>
🔍 Aperçu :
📁 Navigateur : L'onglet afficherait "Mon Titre d'Onglet"
<body>
Définit le corps du document - tout le contenu visible.
<body style="font-family: Arial; margin: 20px; background: #f9f9f9;">
<h1>Contenu principal</h1>
<p>Ce texte est visible dans la page.</p>
<button onclick="afficherMessage()">Cliquez-moi</button>
</body>
<script>
// Fonction appelée au clic du bouton
function afficherMessage() {
localhost/2025-2026/resume/[Link] 4/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
alert('Bonjour !');
}
</script>
🔍 Aperçu :
Contenu principal
Ce texte est visible dans la page.
Cliquez-moi
<link>
Liaison avec des ressources externes (CSS, polices, favicon).
Attributs : href, rel, type
<link rel="stylesheet" href="[Link]">
<link rel="icon" href="[Link]">
<link rel="preconnect" href="[Link]
🔍 Aperçu :
⚡ Effet : Le navigateur charge les ressources externes (CSS, polices, icônes)
localhost/2025-2026/resume/[Link] 5/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
<meta>
Métadonnées du document (SEO, viewport, encodage).
Attributs : charset, name, content
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Description pour les moteurs de recherche">
🔍 Aperçu :
📱 Viewport actif - La page s'adapte aux mobiles
🔍 Description SEO - Visible dans les résultats de recherche
<script>
Intègre ou référence un script JavaScript.
Attributs : src, type
<script>
// Fonction JavaScript pour afficher un message
function direBonjour() {
alert("Bonjour depuis JavaScript !");
}
localhost/2025-2026/resume/[Link] 6/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
</script>
<button onclick="direBonjour()">Exécuter script</button>
🔍 Aperçu :
Exécuter script
✓ Cliquez pour voir le JavaScript en action
<style>
Définit les styles CSS directement dans le document.
Attributs : type, media
<style>
/* Style CSS personnalisé */
.ma-classe {
color: blue;
font-weight: bold;
padding: 10px;
background: #f0f0f0;
}
</style>
<p class="ma-classe">Texte stylisé par CSS</p>
🔍 Aperçu :
localhost/2025-2026/resume/[Link] 7/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
Texte stylisé par CSS
📐 Éléments de structuration d'une page web
<header> & <footer>
En-tête et pied de page du document ou d'une section.
<header style="background:#2c3e50; color:white; padding:15px;">
<h1>Mon Site Web</h1>
<p>Slogan accrocheur</p>
</header>
<footer style="background:#333; color:white; padding:8px; text-align:center;">
<p>© 2025 - Tous droits réservés</p>
</footer>
🔍 Aperçu :
Mon Site Web
Slogan accrocheur
localhost/2025-2026/resume/[Link] 8/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
© 2025 - Tous droits réservés
<nav>
Barre de navigation avec liens.
<nav style="background:#333; padding:8px;">
<a href="#" style="color:white; margin:0 10px;">Accueil</a>
<a href="#" style="color:white; margin:0 10px;">Services</a>
<a href="#" style="color:white; margin:0 10px;">Contact</a>
</nav>
🔍 Aperçu :
Accueil Services Contact
<section> & <article>
Sections et articles (contenu indépendant).
<section style="border:1px solid #ddd; padding:12px; margin:8px 0;">
<h2>Section Actualités</h2>
<article style="background:#f9f9f9; padding:8px; margin:8px 0;">
<h3>Article du jour</h3>
<p>Contenu indépendant et réutilisable.</p>
localhost/2025-2026/resume/[Link] 9/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
</article>
</section>
🔍 Aperçu :
Section Actualités
Article du jour
Contenu indépendant et réutilisable.
<aside>
Barre latérale (contenu secondaire).
<aside style="background:#f0f0f0; padding:12px; width:250px; border-radius:6px;">
<h4>À propos</h4>
<p>Ceci est une barre latérale avec des informations complémentaires.</p>
</aside>
🔍 Aperçu :
À propos
localhost/2025-2026/resume/[Link] 10/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
Ceci est une barre latérale avec
des informations
complémentaires.
<main>
Contenu principal unique de la page.
<main style="min-height:300px; background:#fafafa; padding:15px;">
<h1>Bienvenue</h1>
<p>Ceci est le contenu principal de la page.</p>
</main>
🔍 Aperçu :
Bienvenue
Ceci est le contenu principal de la page.
📝 Éléments de structuration de texte et média
<h1> à <h6> & <p>
localhost/2025-2026/resume/[Link] 11/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
Titres et paragraphes.
<h1>Titre principal</h1>
<h2>Sous-titre</h2>
<p>Ceci est un paragraphe de texte normal.</p>
<p>Un deuxième paragraphe avec <br>un retour à la ligne.</p>
🔍 Aperçu :
Titre principal
Sous-titre
Ceci est un paragraphe de texte normal.
Un deuxième paragraphe avec
un retour à la ligne.
<img>
Insertion d'images.
Attributs : src, alt
<img src="[Link] alt="Paysage montagneux" style="border-radius:6px;">
🔍 Aperçu :
localhost/2025-2026/resume/[Link] 12/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
<a>
Liens hypertextes.
Attributs : href, target
<a href="[Link] target="_blank">Google (nouvel onglet)</a>
<a href="#" style="color:#e74c3c;">Lien personnalisé</a>
<a href="[Link] un email</a>
🔍 Aperçu :
Google (nouvel onglet)
Lien personnalisé
Envoyer un email
<audio>
Lecteur audio intégré.
localhost/2025-2026/resume/[Link] 13/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
Attributs : controls, src
<audio controls>
<source src="SoundHelix-Song-1.mp3" type="audio/mpeg">
Votre navigateur ne supporte pas l'audio.
</audio>
🔍 Aperçu :
0:00 / 6:12
<video>
Lecteur vidéo intégré.
Attributs : controls, src
<video width="320" controls>
<source src="mov_bbb.mp4" type="video/mp4">
Votre navigateur ne supporte pas la vidéo.
</video>
🔍 Aperçu :
localhost/2025-2026/resume/[Link] 14/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
0:00 / 0:10
<figure> & <figcaption>
Figure avec légende.
<figure style="border:1px solid #ddd; padding:8px; display:inline-block;">
<img src="[Link] alt="Exemple">
<figcaption style="text-align:center;">Légende de l'image</figcaption>
</figure>
🔍 Aperçu :
Légende de l'image
localhost/2025-2026/resume/[Link] 15/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
<mark> & <cite>
Surlignage et citation d'œuvre.
<p>Le mot <mark>important</mark> est surligné.</p>
<p>Mon livre préféré : <cite>1984</cite> de George Orwell.</p>
🔍 Aperçu :
Le mot important est surligné.
Mon livre préféré : 1984 de George Orwell.
<details> & <summary>
Section repliable.
<details>
<summary>Cliquez pour voir les détails</summary>
<p>Ce contenu est masqué par défaut et s'affiche au clic.</p>
</details>
🔍 Aperçu :
Cliquez pour voir les détails
<hr> & <br>
localhost/2025-2026/resume/[Link] 16/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
Ligne horizontale et retour à la ligne.
<p>Texte avant la ligne</p>
<hr>
<p>Texte après la ligne<br>avec un retour à la ligne</p>
🔍 Aperçu :
Texte avant la ligne
Texte après la ligne
avec un retour à la ligne
<address>
Coordonnées de contact.
<address style="background:#f1f1f1; padding:8px 12px; font-style:normal;">
Imed Tounsi<br>
123 Rue de Palestine<br>
1002 Tunis<br>
Email: tounsi@[Link]
</address>
🔍 Aperçu :
Imed Tounsi
123 Rue de Palestine
localhost/2025-2026/resume/[Link] 17/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
1002 Tunis
Email: tounsi@[Link]
📋 Listes
<ul>, <ol>, <li>
Listes à puces et ordonnées.
<ul>
<li>Pommes</li>
<li>Poires</li>
<li>Bananes</li>
</ul>
<ol type="A" start="3">
<li>Option C</li>
<li>Option D</li>
</ol>
🔍 Aperçu :
Liste à puces : Liste ordonnée (A, commençant à 3) :
Pommes C. Option C
localhost/2025-2026/resume/[Link] 18/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
Poires D. Option D
Bananes
📊 Tableaux
<table>
Tableaux structurés.
<table style="width:100%; border-collapse:collapse;">
<thead style="background:#3498db; color:white;">
<th>Nom</th><th>Âge</th><th>Ville</th></tr>
</thead>
<tbody>
<td>Alice</td><td>25</td><td>Paris</td></tr>
<td>Bob</td><td>30</td><td>Lyon</td></tr>
</tbody>
</table>
🔍 Aperçu :
Nom Âge Ville
Alice 25 Paris
localhost/2025-2026/resume/[Link] 19/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
Nom Âge Ville
Bob 30 Lyon
📝 Formulaires
<form> & <input>
Champs de saisie variés.
<form style="background:#f8f9fa; padding:12px; border-radius:6px;">
<label>Nom : <input type="text" placeholder="Votre nom"></label><br>
<label>Email : <input type="email" placeholder="email@[Link]"></label><br>
<label>Âge : <input type="number" min="18" max="99"></label><br>
<label><input type="checkbox"> J'accepte les conditions</label><br>
<input type="submit" value="Envoyer">
</form>
🔍 Aperçu :
Nom : Votre nom
Email : email@[Link]
localhost/2025-2026/resume/[Link] 20/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
Âge :
J'accepte les conditions
Envoyer
<textarea>
Zone de texte multilignes.
<textarea rows="3" cols="40" placeholder="Saisissez votre message ici..." style="width:100%;"></textare
🔍 Aperçu :
Saisissez votre message ici...
<select> & <option>
Liste déroulante.
<select style="padding:5px;">
<option>Tunisie</option>
<option>Algérie</option>
localhost/2025-2026/resume/[Link] 21/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
<option>Maroc</option>
</select>
🔍 Aperçu :
Tunisie
<fieldset> & <legend>
Groupement de champs avec légende.
<fieldset style="border:2px solid #3498db; border-radius:6px; padding:12px;">
<legend style="padding:0 10px;">Informations personnelles</legend>
<input type="text" placeholder="Prénom">
<input type="text" placeholder="Nom">
</fieldset>
🔍 Aperçu :
Informations personnelles
Prénom Nom
<datalist>
Autocomplétion pour champ input.
localhost/2025-2026/resume/[Link] 22/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
<input list="villes" placeholder="Tapez une ville">
<datalist id="villes">
<option>Tunis</option>
<option>Ariana</option>
<option>Ben Arous</option>
</datalist>
🔍 Aperçu :
Tunis
Essayez de taper "T", "A" ou "B"
📦 Conteneurs génériques
<div> & <span>
Conteneurs block et inline.
<div style="background:#f0f0f0; padding:8px 12px; border-radius:5px;">
Ceci est un conteneur <span style="color:red; font-weight:bold;">div</span>.
<span style="background:yellow;">Span</span> est inline.
</div>
🔍 Aperçu :
localhost/2025-2026/resume/[Link] 23/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
Ceci est un conteneur div. Span est inline.
<iframe>
Cadre intégré (intègre une autre page).
Attributs : src, name
<iframe src="[Link]
width="100%" height="200" style="border:1px solid #ddd;"></iframe>
🔍 Aperçu :
⚡ Événements JavaScript (interactifs)
onclick
Se déclenche lors d'un clic.
localhost/2025-2026/resume/[Link] 24/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
<button onclick="afficherAlerte()">Cliquez-moi</button>
<script>
function afficherAlerte() {
alert('Clic détecté !');
}
</script>
🔍 Aperçu :
Cliquez-moi
onmouseover / onmouseout
Survol et sortie de la souris.
<div id="zoneSurvol"
onmouseover="survolerZone()"
onmouseout="quitterZone()"
style="padding:15px; background:#f0f0f0;">
Survolez-moi !
</div>
<script>
function survolerZone() {
[Link]('zoneSurvol').[Link] = 'yellow';
}
function quitterZone() {
localhost/2025-2026/resume/[Link] 25/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
[Link]('zoneSurvol').[Link] = '#f0f0f0';
}
</script>
🔍 Aperçu :
Survolez-moi !
onfocus / onblur
Focus et perte de focus sur un champ.
<input type="text" id="champFocus" placeholder="Cliquez ici"
onfocus="activerFocus()"
onblur="desactiverFocus()">
<script>
function activerFocus() {
[Link]('champFocus').[Link] = '#e0ffe0';
}
function desactiverFocus() {
[Link]('champFocus').[Link] = 'white';
}
</script>
🔍 Aperçu :
localhost/2025-2026/resume/[Link] 26/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
Cliquez ici
✓ Cliquez sur le champ → il devient vert
oninput
Déclenché à chaque saisie.
<input type="text" id="champSaisie" oninput="mettreAJourTexte()"
placeholder="Tapez quelque chose">
<p>Vous avez écrit : <span id="affichageTexte"></span></p>
<script>
function mettreAJourTexte() {
let texte = [Link]('champSaisie').value;
[Link]('affichageTexte').innerHTML = texte || 'rien';
}
</script>
🔍 Aperçu :
test
Vous avez écrit : test
onchange
Déclenché quand la valeur change (et qu'on quitte le champ).
localhost/2025-2026/resume/[Link] 27/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
<select id="listeChoix" onchange="afficherChoix()">
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
</select>
<script>
function afficherChoix() {
let valeur = [Link]('listeChoix').value;
alert('Vous avez choisi : ' + valeur);
}
</script>
🔍 Aperçu :
Option 1
onsubmit
Validation de formulaire.
<form id="monFormulaire" onsubmit="validerFormulaire()">
<input type="text" placeholder="Votre nom">
<input type="submit" value="Envoyer">
</form>
<script>
function validerFormulaire() {
alert('Formulaire envoyé !');
localhost/2025-2026/resume/[Link] 28/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
return false;
}
</script>
🔍 Aperçu :
Votre nom Envoyer
onkeydown / onkeyup
Touche pressée / relâchée.
<input type="text" id="champTouche"
onkeydown="touchePressee(event)"
onkeyup="toucheRelachee(event)"
placeholder="Appuyez sur une touche">
<p id="messageTouche"></p>
<script>
function touchePressee(event) {
[Link]('messageTouche').innerHTML =
'🔽 Touche pressée : ' + [Link];
}
function toucheRelachee(event) {
[Link]('messageTouche').innerHTML =
'✅ Touche relâchée : ' + [Link];
localhost/2025-2026/resume/[Link] 29/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
}
</script>
🔍 Aperçu :
Appuyez sur une touche
onload
Déclenché au chargement de la page.
<body onload="initialiserPage()">
<script>
function initialiserPage() {
[Link]('Page chargée !');
alert('Bienvenue sur la page !');
}
</script>
🔍 Aperçu :
✅ Cette page est déjà chargée - l'événement onload a été exécuté.
localhost/2025-2026/resume/[Link] 30/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
🏷️ Attributs globaux
class & id
Identification CSS/JavaScript.
<div id="monElement" class="boite rouge">Contenu</div>
🔍 Aperçu :
Contenu avec ID et classe
✓ Inspectez l'élément pour voir son ID ("demoElement2") et sa classe ("boite-rouge2")
hidden
Masque l'élément.
<p hidden>Ce texte est invisible</p>
<button onclick="basculerVisibilite()">Afficher/Masquer</button>
<script>
function basculerVisibilite() {
let element = [Link]('texteMasque');
[Link] = ![Link];
localhost/2025-2026/resume/[Link] 31/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
}
</script>
🔍 Aperçu :
Afficher/Masquer
Ce texte est masqué par l'attribut hidden !
title
Info-bulle au survol.
<p title="Ceci est une info-bulle !">Survolez ce texte pour voir l'info-bulle</p>
🔍 Aperçu :
Survolez ce texte pour voir l'info-bulle
style
Style inline (CSS direct).
<p style="color: purple; font-size: 18px; text-decoration: underline;">Texte stylisé inline</p>
🔍 Aperçu :
localhost/2025-2026/resume/[Link] 32/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
Texte stylisé inline
lang
Spécifie la langue du contenu.
<p lang="fr">Ceci est en français</p>
<p lang="en">This is in English</p>
🔍 Aperçu :
Ceci est en français
This is in English
📑 Tableau récapitulatif des attributs des champs de formulaire
Type / Élément Attributs génériques Attributs spécifiques
button, reset, submit name, value, disabled -
text, email, tel name, value, placeholder, readonly, required, disabled, list -
password name, value, placeholder, readonly, required, disabled -
number, range name, value, readonly, required, disabled min, max
date, time name, value, required, disabled min, max
localhost/2025-2026/resume/[Link] 33/34
01/06/2026 15:15 Résumé HTML5 - Annexe 2025 (4ème SI) Lycée Cité Des Journalistes - ARIANA
Type / Élément Attributs génériques Attributs spécifiques
checkbox, radio name, value, required, disabled checked
textarea name, cols, rows, readonly, required, disabled, placeholder, maxlength -
💡 Rappel des attributs de l'élément <form> :
- action : URL de traitement du formulaire
- method : "get" (par défaut) ou "post"
- target : "_self", "_blank", "_parent", "_top", "nom_iframe"
💡 Conseils pratiques :
• Utilisez required pour rendre un champ obligatoire
• L'attribut placeholder guide l'utilisateur sur le format attendu
• label for="id" améliore l'accessibilité (lecteurs d'écran)
• target="_blank" ouvre les liens dans un nouvel onglet (pensez à rel="noopener")
• <details> permet de créer des sections repliables sans JavaScript
• Les événements oninput et onchange sont parfaits pour les validations dynamiques
• La balise <output> est parfaite pour afficher des résultats de calculs sans soumettre de formulaire !
📚 Résumé HTML5 complet - Basé sur l'Annexe HTML5 2025
Toutes les balises, attributs et événements présentés avec EXEMPLES ET APERÇUS
✨ Lycée Cité Des Journalistes - Ariana ! - M. Ben Amor Walid © 2026
localhost/2025-2026/resume/[Link] 34/34