Introducción a HTML
HTML es la base de cada página web. Antes del estilo CSS o del comportamiento de JavaScript, el navegador necesita una estructura clara que diga qué es cada parte del contenido.
¿Qué es HTML?
HTML (HyperText Markup Language) es el lenguaje estándar para estructurar el contenido de las páginas web. Escribes etiquetas alrededor del texto y los medios para que el navegador sepa qué son títulos, párrafos, enlaces, imágenes y otros elementos.
Por qué importa HTML
Sin HTML, el navegador no entiende bien el significado y el orden del contenido. HTML no es un lenguaje de programación; es un lenguaje de marcado.
Primera mirada a las etiquetas
HTML usa etiquetas con corchetes angulares. La mayoría de los elementos tienen etiqueta de apertura y de cierre.
Hola HTML
html<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>Hello HTML</h1>
<p>This is my first paragraph.</p>
</body>
</html>Qué muestra este ejemplo
<!DOCTYPE html>indica un documento HTML moderno<html>es el elemento raíz<head>guarda información de la página, como el título<body>tiene el contenido visible<h1>es un encabezado principal<p>es un párrafo
Cómo usa el navegador el HTML
El navegador lee el marcado de arriba abajo, construye el DOM y muestra el contenido según las etiquetas.
HyperText y enlaces
HyperText se refiere a texto que puede conectar con otros documentos mediante enlaces. Enlazar páginas convierte archivos sueltos en un sitio web.
Un enlace simple
html<a href="https://example.com">Visit Example</a>El elemento <a> crea un hipervínculo. El atributo href guarda la dirección de destino.
Pruébalo tú mismo
Crea index.html, pega el ejemplo completo, guárdalo y ábrelo en el navegador. Cambia el encabezado y actualiza la página.
Errores comunes
- Tratar HTML como lenguaje de programación
- Olvidar etiquetas de cierre
- Poner contenido visible en
<head>en lugar de<body> - Omitir
<!DOCTYPE html>
Resumen
- HTML estructura el contenido con etiquetas
- Es marcado, no programación
- Una página básica incluye doctype, html, head y body
- Encabezados y párrafos son elementos iniciales
- Los enlaces conectan páginas
- Practica editando un HTML pequeño en el navegador
🧠 Pon a Prueba tu Conocimiento
Pon a Prueba tu Conocimiento
Ponte a prueba con este cuestionario interactivo y descubre qué tan bien entiendes el tema
📝 Instrucciones
- Lee cada pregunta cuidadosamente
- Selecciona la mejor respuesta para cada pregunta
- Puedes repetir el quiz tantas veces como quieras
- Tu progreso se mostrará en la parte superior