¿Qué es HTML y para qué sirve?
HTML (HyperText Markup Language) es un lenguaje de marcado que estructura el contenido para que el navegador lo muestre. No es un lenguaje de programación.
¿Qué extensión tienen los archivos HTML?
.htm o .html (texto plano).
¿Qué es un navegador web?
Programa que interpreta HTML y muestra páginas. Ejemplos: Chrome, Firefox, Safari, Edge.
¿Para qué sirve CSS?
Define el aspecto visual: colores, fuentes, espaciados, diseño.
¿Para qué sirve JavaScript?
Aporta interactividad: validaciones, animaciones y respuesta a eventos.
¿Qué significa <!DOCTYPE html>?
Declara que el documento es HTML5. Va al inicio del archivo.
Estructura principal HTML
<html> raíz, <head> información para el navegador, <body> contenido visible.
</body></head></html>
¿Qué suele ir en <head>?
Metadatos, <title>, CSS, charset, descripción, palabras clave.</title>
¿Qué va en <body>?
Contenido visible: texto, imágenes, enlaces, tablas, formularios, etc.
¿Para qué sirve <meta charset="utf-8">?
Define la codificación de caracteres (UTF-8).
¿Qué hace la etiqueta <title>?</title>
Establece el título que aparece en la pestaña del navegador.
¿Cómo se escriben comentarios en HTML?
<!-- Este es un comentario -->
Partes de una etiqueta HTML
Apertura, contenido, cierre. Ej.: <p>Texto</p>
¿Qué son los atributos en HTML?
Información adicional en la etiqueta de apertura. Ej.: class="destacado"
¿Qué es el anidamiento en HTML?
Elementos dentro de otros. Ej.: <p>Mi gato es <strong>muy</strong> gruñón</p>
Niveles de títulos en HTML
Seis: de <h1> a <h6>.
Énfasis de texto
<em> cursiva y <strong> negrita.</strong></em>
<ul> vs <ol>
</ol></ul>
<ul> lista sin numerar. <ol> lista numerada. Ambas usan <li>.
</li></ol></ul>
¿Para qué sirve <br></br>?
Inserta un salto de línea.
Insertar imagen
<img src="url" alt="descripción" width="300">
Atributo alt en imágenes
Texto alternativo si no carga y para accesibilidad.
Crear enlace
<a href="url">Texto</a>
Abrir enlace en nueva pestaña
<a href="url" target="_blank">Texto</a>
Enlace interno (misma página)
Dar id al destino y enlazar con #id. Ej.: <a href="#historia">Ir a Historia</a>