FLASHCARDS // WEB-101

HTML CARD 01/14

PREGUNTA / CONCEPTO

¿Qué es HTML?

VOLTEAR REV 2.6

HTML < RESPUESTA >

DEFINICIÓN

Lenguaje de marcado que define la ESTRUCTURA y el contenido de una página mediante etiquetas, elementos y atributos.

CARD 01/14 UNIT WEB-101

HTML CARD 02/14

PREGUNTA / CONCEPTO

Estructura base de un documento HTML

VOLTEAR REV 2.6

HTML < RESPUESTA >

DEFINICIÓN

<html> contiene <head> (metadatos) y luego <body> (contenido visible). head y body son hermanos.

CARD 02/14 UNIT WEB-101

HTML CARD 03/14

PREGUNTA / CONCEPTO

Etiqueta para un enlace

VOLTEAR REV 2.6

HTML < RESPUESTA >

DEFINICIÓN

<a href="url">texto</a>. La etiqueta es <a> (anchor); href es el atributo con el destino.

CARD 03/14 UNIT WEB-101

HTML CARD 04/14

PREGUNTA / CONCEPTO

Etiqueta para insertar una imagen

VOLTEAR REV 2.6

HTML < RESPUESTA >

DEFINICIÓN

<img src="imagen.jpg" alt="descripción">. Es un elemento vacío (sin cierre); alt mejora accesibilidad.

CARD 04/14 UNIT WEB-101

HTML CARD 05/14

PREGUNTA / CONCEPTO

¿Para qué sirve <head>?

VOLTEAR REV 2.6

HTML < RESPUESTA >

DEFINICIÓN

Contiene metadatos: <title>, <meta>, charset y vínculos a recursos externos (CSS, favicon). No es contenido visible.

CARD 05/14 UNIT WEB-101

HTML CARD 06/14

PREGUNTA / CONCEPTO

Elemento vs. etiqueta vs. atributo

VOLTEAR REV 2.6

HTML < RESPUESTA >

DEFINICIÓN

Etiqueta: <p>. Elemento: <p>...</p> completo. Atributo: información extra dentro de la etiqueta de apertura (ej. class="x").

CARD 06/14 UNIT WEB-101

CSS CARD 07/14

PREGUNTA / CONCEPTO

¿Qué es CSS y cuál es su función?

VOLTEAR REV 2.6

CSS < RESPUESTA >

DEFINICIÓN

Hojas de estilo en cascada. Controla la PRESENTACIÓN: color, tipografía, disposición y espaciado. Separa diseño de estructura.

CARD 07/14 UNIT WEB-101

CSS CARD 08/14

PREGUNTA / CONCEPTO

Selector de id vs. selector de clase

VOLTEAR REV 2.6

CSS < RESPUESTA >

DEFINICIÓN

#id selecciona un elemento único. .clase selecciona uno o varios. La clase es reutilizable; el id debería ser único.

CARD 08/14 UNIT WEB-101

CSS CARD 09/14

PREGUNTA / CONCEPTO

background-color vs. color

VOLTEAR REV 2.6

CSS < RESPUESTA >

DEFINICIÓN

background-color: color de FONDO del elemento. color: color del TEXTO. No confundir con la abreviatura bgcolor (obsoleta).

CARD 09/14 UNIT WEB-101

CSS CARD 10/14

PREGUNTA / CONCEPTO

margin vs. padding (modelo de caja)

VOLTEAR REV 2.6

CSS < RESPUESTA >

DEFINICIÓN

margin: espacio FUERA del borde (separa de otros elementos). padding: espacio DENTRO, entre el borde y el contenido.

CARD 10/14 UNIT WEB-101

CSS CARD 11/14

PREGUNTA / CONCEPTO

¿Qué es un framework de CSS?

VOLTEAR REV 2.6

CSS < RESPUESTA >

DEFINICIÓN

Biblioteca de estilos/utilidades predefinidas (Bootstrap, Tailwind) que acelera y estandariza el diseño de interfaces.

CARD 11/14 UNIT WEB-101

INTEGRACION CARD 12/14

PREGUNTA / CONCEPTO

Vincular un CSS externo

VOLTEAR REV 2.6

INTEGRACION < RESPUESTA >

DEFINICIÓN

En el <head>: <link rel="stylesheet" href="estilo.css">. Mantiene el estilo separado y reutilizable entre páginas.

CARD 12/14 UNIT WEB-101

INTEGRACION CARD 13/14

PREGUNTA / CONCEPTO

Tres formas de aplicar CSS

VOLTEAR REV 2.6

INTEGRACION < RESPUESTA >

DEFINICIÓN

Externo (<link>), interno (<style> en head) e inline (atributo style). El externo es la mejor práctica.

CARD 13/14 UNIT WEB-101

INTEGRACION CARD 14/14

PREGUNTA / CONCEPTO

HTML, CSS y JS: ¿qué hace cada uno?

VOLTEAR REV 2.6

INTEGRACION < RESPUESTA >

DEFINICIÓN

HTML = estructura/contenido. CSS = presentación/estilo. JavaScript = comportamiento/interactividad.

CARD 14/14 UNIT WEB-101