· 2 min read

Learn HTML in Spanish: 99 Flashcards on Etiquetas, Atributos, Forms and Tables

Learn HTML in Spanish with 99 flashcards: etiquetas, atributos, forms and tables, plus the etiqueta/label and encabezado traps of the Spanish edition.

Glowing browser window with page blocks and a Spanish flag among 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

Deck OY2408, HTML: Etiquetas y Atributos, is the Spanish edition of our HTML Tags & Attributes deck. It has the same 99 cards, with English fronts and every explanation in Spanish. Markup itself is never translated: you write <footer> in Madrid or Mexico City too. So the deck teaches two things at once, how HTML works and the Spanish words developers use to talk about it (etiqueta, atributo, enlace, casilla de verificación).

Study this deck: HTML: Etiquetas y Atributos

1 / 10
Question

HTML

Knew itLearning

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

Tarjetas de ejemplo

FrontBack
<head>Contiene metadatos, enlaces a hojas de estilo y el título de la página
<article>Representa contenido autónomo que podría distribuirse de forma independiente
<aside>Contenido tangencialmente relacionado con el contenido que lo rodea, como una barra lateral
<b>Pone el texto en negrita sin importancia semántica
<pre>Texto preformateado, que conserva espacios y saltos de línea
<input type="checkbox">Una casilla de verificación para seleccionar una o varias opciones
<select>Una lista desplegable
method on <form>Especifica el método HTTP a usar (GET o POST)
rowspanEspecifica cuántas filas debe abarcar una celda
<noscript>Contenido que se muestra cuando JavaScript está deshabilitado

Lo que cubren las 99 tarjetas

Document structure: <head>, <title>, <body>, <meta>, charset, <link>, rel, <script>, <noscript>. Semantic layout: <header>, <nav>, <section>, <article>, <aside> (barra lateral), <footer> (pie de página), <search>, <div>, <span>. Text: <strong>/<b> (negrita), <em>/<i> (cursiva), <u>, <mark>, <small>, <del>, <ins>, <sub> (subíndice), <sup> (superíndice), <code>, <blockquote>, <q>, <abbr>, <cite>, <dfn>, <kbd>, <samp>, <var>, <time>. Media and widgets: <img>, src, alt, <audio>, <video>, <canvas>, <iframe>, <embed>, <details> (widget desplegable), <progress>, <output>, <datalist>. Forms: <input> text/password/checkbox/radio (botón de opción)/submit, <textarea>, <option>, <button>, <label>, <fieldset>, <legend>, action, placeholder, required, disabled. Tables: <tr> (fila), <td> (celda), <th>, <thead>, <tbody>, <tfoot>, colspan. Links: href, target, class, id, style.

Tips for the Spanish edition

Watch out for etiqueta. In this deck, etiqueta means "tag" in the title and on every card, but on card 74 it translates <label> (Define una etiqueta para un elemento <input>). Encabezado is overloaded too. It covers <header>, <h1>-<h6> (cards 35-37), <th> (celda de encabezado) and <thead>. On each of those backs, write the exact element in the hint. Saying "etiqueta <label>" or "encabezado = <th>" keeps the four meanings apart. One more pair to separate: enlace covers both <a> (hipervínculo) and <link>, which loads resources and isn't clickable.

Fix two fronts as you study. Attribute fronts are sentence-cased (Href attribute, Colspan attribute), but HTML attributes are written in lowercase: href, colspan. Also, card 13 says src is the required attribute for <img>. The HTML standard also expects alt on almost every image, so add it to that back.

The same setup works for styling: see CSS in Spanish.

Search for OY2408 in the library on Flip It.

Ready to learn faster? 🚀

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

Create my free account