· 3 min read

Learn HTML in French: 99 Flashcards on Tags (Balises) and Attributes

Learn HTML vocabulary in French with 99 flashcards: balises, attributs, formulaires, tableaux, plus the titre vs en-tête traps and the cards to fix.

Browser window with angle brackets and an Eiffel Tower beside floating flashcards

Studying. But it's also a video game. 🎮

Flashcards, quizzes and games that make you actually remember.

Start playing — it's free

Posted by

Already know HTML in English and want the French vocabulary, or teaching web development to French speakers? The Flip It deck HTML : balises et attributs (code OW5100, 99 cards) is the French edition of our HTML Tags & Attributes deck: the fronts keep the English tag names, the backs explain each element in French. That makes it a vocabulary deck as much as a markup deck — a balise is a tag, an attribut an attribute.

Study this deck: HTML : balises et attributs

1 / 10
Question

HTML

Knew itLearning

Tap the card for the answer · swipe right if you knew it, left if not

Sample cards

FrontBack (French)
<head>Contient les métadonnées, les liens vers les feuilles de style et le titre de la page
<article>Représente un contenu autonome pouvant être distribué indépendamment
<aside>Contenu tangentiellement lié au contenu environnant, comme une barre latérale
<span>Un conteneur en ligne pour du contenu de texte
<b>Met le texte en gras sans importance sémantique
<del>Texte qui a été supprimé du document
<input type="radio">Un bouton radio pour sélectionner une option parmi un groupe
method on <form>Spécifie la méthode HTTP à utiliser (GET ou POST)
colspanSpécifie le nombre de colonnes qu'une cellule doit couvrir
<noscript>Contenu à afficher quand JavaScript est désactivé

What the 99 cards cover

Document structure (<head>, <title>, <body>, <meta>, charset, <link>, rel, <script>, <noscript>), semantic layout (en-tête <header>, pied de page <footer>, <nav>, <section>, <article>, barre latérale <aside>, the new <search>), text semantics (<strong>/<b>, <em>/<i>, <mark>, indice <sub>, exposant <sup>, <code>, texte préformaté <pre>, <blockquote>, <q>, <abbr>, <cite>, <dfn>, <kbd>, <samp>, <var>, <time>), media (<img>, alt, <audio>, <video>, <canvas>, <iframe>, <embed>), widgets (widget de divulgation <details>, <progress>, <output>, <datalist>), forms (case à cocher, liste déroulante <select>, <textarea>, <label>, <fieldset>, <legend>, action, placeholder, required, disabled) and tables (ligne <tr>, cellule <td>, <th>, <thead>, <tbody>, <tfoot>, rowspan).

Tips specific to the French edition

Separate the three meanings of "titre" and "en-tête". French uses titre for both <title> (card 3, titre affiché dans l'onglet) and <h1>–<h6> (cards 35-37, titre de plus haut niveau), and en-tête for <head> in everyday speech, <header>, <th> (cellule d'en-tête) and <thead>. Make a four-line contrast card: titre du document = <title>, titre de section = <h1>, en-tête de page = <header>, en-tête de tableau = <thead>/<th>. Same trap with lien: card 30 (<a>, lien hypertexte) and card 93 (<link>, ressource externe) are two different elements.

Fix the inherited cards. Fourteen fronts are cut off ("<article> tag for", "<nav> tag for") — read them as "used for". Card 13 says only src is required on <img>: alt is required too (use alt="" for decorative images). Card 1 is a definition, not a tag; replace it. Then add the three cards both editions lack: <!DOCTYPE html>, <main> (contenu principal, one per page) and the name attribute, without which a form field is never submitted.

Find OW5100 in the Flip It library on flip-it.app. Doing CSS next? The French edition Learn CSS in French uses the same bilingual format.

Ready to learn faster? 🚀

Join FLIP IT for free and turn studying into a game.

Create my free account