Modulo 2 HTML
Studied by 0 people
Learn
Practice Test
Spaced Repetition
Match
Flashcards1/55
There's no tags or description
Looks like no tags are added yet.
Name | Mastery | Learn | Test | Matching | Spaced |
|---|
No study sessions yet.
56 Terms
¿Qué es una dirección IP?
Una identificación única de cada equipo conectado a una red, compuesta por IP, máscara, gateway y servidor DNS.
¿Qué es un router?
Dispositivo que interconecta redes distintas, permitiendo su comunicación.
¿Qué hace el DNS?
Traduce nombres de dominio a direcciones IP comprensibles por las computadoras.
¿Qué es HTML?
Lenguaje interpretado que define la estructura del contenido de una página web.
¿Qué es HTTP?
HyperText Transfer Protocol, protocolo de comunicación para intercambiar información web.
¿Qué hace el archivo CSS?
Define el estilo visual de una página web.
¿Qué hace JavaScript en una web?
Controla la funcionalidad e interactividad de la página.
¿Qué es una página estática?
Página hecha en HTML puro, sin interacción, solo lectura.
¿Qué es una página dinámica?
Página con interacción y contenido variable, hecha con múltiples lenguajes.
Lenguajes del lado del cliente
HTML, CSS, JavaScript, ejecutados por el navegador del usuario.
Lenguajes del lado del servidor
PHP, ASP, Ajax, permiten bases de datos e interacción compleja.
¿Qué es una etiqueta HTML?
Elemento entre < > que indica una función o estructura en el contenido web.
¿Qué es la etiqueta <HTML>?
Define el inicio y final del documento HTML.
¿Qué hace la etiqueta <HEAD>?
Contiene la metadata, como <title>, <meta>, <link> y <style>.
¿Qué hace la etiqueta <BODY>?
Contiene el contenido visible de la página.
¿Qué hace <title>?
Muestra el título del documento en la pestaña del navegador.
¿Qué hace <meta>?
Proporciona información general como charset, descripción y autor.
¿Qué hace <link>?
Enlaza archivos externos, típicamente hojas de estilo (CSS).
¿Qué hace <HEADER>?
Define el encabezado del sitio, puede contener cualquier etiqueta HTML.
¿Qué hace <NAV>?
Contiene la navegación principal del sitio, como menús y enlaces.
¿Qué hace <SECTION>?
Divide el contenido en secciones independientes.
¿Qué hace <FOOTER>?
Contiene el pie de página, como enlaces secundarios o información adicional.
¿Qué es un contenedor de bloque?
Elemento que inicia una nueva línea y puede contener otros elementos.
¿Qué es un contenedor en línea?
Elemento que se inserta dentro de una línea existente sin romper el flujo.
¿Qué hace <div>?
Crea un bloque contenedor, usado para encapsular elementos y aplicar estilos con ID o CLASS.
¿Qué hace <span>?
Etiqueta en línea usada para resaltar texto dentro de un párrafo.
¿Cómo se insertan comentarios en HTML?
Usando <!-- comentario -->.
¿Qué hacen las etiquetas <h1> a <h6>?
Definen títulos jerárquicos, de más importante (<h1>) a menos importante (<h6>).
¿Qué hace <p>?
Inserta un párrafo en el documento.
Atributos de <p>
style: aplica estilos CSS
lang: define el idioma
align: alinea el texto (left, center, right, justify)
¿Qué hace <br>?
Inserta un salto de línea (etiqueta vacía).
¿Qué hace <hr>?
Inserta una línea horizontal divisora.
¿Qué hace <a>?
Crea un enlace (hipervínculo).
Atributos de <a>
href: URL del destino
target: contexto de apertura (_blank, self, top, _parent)
download: descarga el archivo en vez de abrirlo
¿Qué hace <img>?
Inserta una imagen.
Atributos obligatorios de <img>
src: ruta de la imagen
width/height: dimensiones de la imagen
Atributos opcionales de la etiqueta
alt: texto alternativo
decoding: método de decodificación (sync, async, auto)
sizes: tamaños ajustables con CSS
¿Qué hace <table>?
Inicia una tabla.
¿Qué hace <tr>?
Define una fila.
¿Qué hace <td>?
Define una celda de datos.
¿Qué hace <th>?
Define una celda de encabezado.
¿Qué hace <caption>?
Añade un título a la tabla.
Atributos comunes
style="border": bordes
text-align: alineación
padding: espacio interior
width: ancho en %
¿Qué hace <ol>?
Crea una lista ordenada (numerada).
Tipos de <ol type="">
1: números
A / a: letras mayúsculas/minúsculas
I / i: números romanos
¿Qué hace <ul>?
Crea una lista no ordenada (viñetas).
Tipos de viñetas (list-style-type)
disc: círculo relleno
circle: círculo vacío
square: cuadrado
none: sin viñeta
¿Qué hace <dl>?
Inicia una lista de descripción.
¿Qué hace <dt>?
Define un término.
¿Qué hace <dd>?
Define la descripción del término.
¿Qué hace <audio>?
Inserta un elemento de audio.
¿Qué hace <source>?
Agrega formatos alternativos para audio/video.
¿Qué hace <video>?
Inserta un video.
Atributos necesarios en <video>
controls: habilita controles
width / height: dimensiones del video
¿Qué hace <iframe>?
Inserta videos de YouTube u otros contenidos incrustados.
Parámetros comunes en enlaces de YouTube
autoplay=1: reproducción automática
mute=1: silenciado
loop=1: repetición
controls=0/1: oculta o muestra controles
Note 
Flashcards (37)