Démonstration HTML sans classes

Une page complète utilisant uniquement des sélecteurs d'éléments et d'attributs

Typographie

Hiérarchie des titres

Titre niveau 4

Titre niveau 5
Titre niveau 6

Ceci est un paragraphe normal avec du texte en emphase. Vous pouvez aussi utiliser du gras et de l'italique. Le texte peut être surligné, supprimé, inséré, ou en petits caractères.

Formules chimiques : H2O. Équations mathématiques : E = mc2

Ceci est une citation importante qui sera mise en évidence visuellement.

— Auteur de la citation

Du code inline : const result = calculate();

function example() {
    console.log("Bloc de code");
    return true;
}

Raccourci clavier : Appuyez sur Ctrl + C pour copier.

Abréviations : HTML et CSS

Date et heure :

Listes

Liste non ordonnée

Liste ordonnée

  1. Première étape
  2. Deuxième étape
  3. Troisième étape

Liste de définitions

HTML
Langage de balisage pour créer des pages web
CSS
Langage de style pour la présentation des pages web
JavaScript
Langage de programmation pour l'interactivité web

Tableaux

Tableau de démonstration
Nom Âge Ville
Alice 28 Paris
Bob 35 Lyon
Charlie 42 Marseille

Formulaires

Informations personnelles
Préférences
Message
70%

Progression du formulaire : 70%

6 sur 10

Score de satisfaction : 6/10

Médias

Image de démonstration
Légende de l'image explicative

Éléments interactifs

Cliquez pour afficher plus d'informations

Ce contenu était caché et devient visible lorsqu'on clique sur le résumé. C'est très pratique pour les FAQ ou les contenus optionnels.

⚠️ Alerte : Message important utilisant l'attribut role="alert"

✓ Opération réussie (attribut data-status="success")

✗ Erreur détectée (attribut data-status="error")


Contact :
123 Rue de la Demo
75001 Paris, France
Email : contact@exemple.fr