Faut payer l'hébergement
Navigue dans les fiches ou lance notre tout nouvel espace de code interactif.
Voici un récapitulatif des balises essentielles triées par utilité. Utilise la barre pour filtrer instantanément.
| Balise | Catégorie | Description / À quoi ça sert ? |
|---|---|---|
| <html> | Structure | Balise racine qui englobe tout le contenu de la page web. |
| <head> | Structure | Contient les métadonnées de la page (titre, liens CSS, encodage) non visibles à l'écran. |
| <body> | Structure | Contient tout le contenu principal et visible de la page (textes, images, vidéos). |
| <h1> à <h6> | Texte | Titres de niveaux. h1 est le plus grand (titre principal), h6 est le plus petit. |
| <p> | Texte | Crée un paragraphe de texte standard avec un saut de ligne automatique après. |
| <a> | Navigation | Crée un lien hypertexte vers une autre page ou un site externe via l'attribut href. |
| <img> | Média | Insère une image. Nécessite l'attribut src (lien de l'image) et alt (description). |
| <div> | Structure | Un conteneur générique de type "bloc" utilisé pour regrouper des éléments et les styliser en CSS. |
| <span> | Texte | Un conteneur générique de type "en-ligne" utilisé pour isoler et styliser des mots précis dans un texte. |
| <ul> | Listes | Crée une liste à puces non ordonnée (points noirs). Contient des balises <li>. |
| <ol> | Listes | Crée une liste numérotée (1, 2, 3...) de manière automatique. Contient des balises <li>. |
| <form> | Formulaire | Définit une zone de formulaire pour collecter les données saisies par l'utilisateur. |
| <input> | Formulaire | Champ de saisie interactif (texte, mot de passe, couleur, bouton radio, case à cocher). |
| <button> | Formulaire | Crée un bouton cliquable pour envoyer un formulaire ou déclencher une action. |
| <table> | Tableaux | Structure un tableau de données complexes à l'aide de lignes (<tr>) et cellules (<td>). |
| <audio> / <video> | Média | Ajoute nativement des lecteurs multimédias pour écouter du son ou visionner un clip. |
| <details> | Interactif | Crée un menu accordéon repliable (souvent utilisé avec la balise interne <summary>). |
Pour toute question sur le code ou des suggestions de modification, contacte-moi sur Snapchat !