HTML
HTML significa HyperText Markup
Language (Lenguaje de Marcado de
Hipertexto). En términos sencillos, es
el lenguaje principal con el que se
construyen las páginas web. Piensa
en HTML como los cimientos o el
esqueleto de una casa. Define la
estructura de todo lo que ves en una
página web: títulos, párrafos,
imágenes, enlaces, listas, etc.
• HyperText (Hipertexto): Es el
texto que contiene enlaces a otras
páginas o recursos.
• Markup (Marcado): Se refiere a
las "etiquetas" que usamos para
darle formato al texto y a otros
elementos.
• Language (Lenguaje): Es un
sistema de reglas que permite a las
computadoras entender cómo debe
mostrarse el contenido.
A diferencia de un lenguaje de
programación como Python o
JavaScript, HTML no es para crear
lógica (como hacer cálculos o tomar
decisiones). Su única función es
organizar y presentar el contenido.
La Estructura Básica de
HTML
Todo documento HTML tiene una
estructura fundamental. Imagina que
es una plantilla que siempre usarás
para crear una página.
Código básico de ejemplo:
<!DOCTYPE html>
<html>
<head>
<title> Página Web</title>
</head>
<body>
<h1>Hola a todos!</h1>
<p>Este es mi primer párrafo
en HTML.</p>
</body>
</html>
Descripción del código:
• <!DOCTYPE html>: Le dice al
navegador que este es un
documento HTML5, la versión más
reciente del lenguaje. Siempre va al
principio.
• <html>: Es el elemento raíz que
envuelve todo el contenido de la
página.
• <head>: Contiene metadatos
sobre la página. Aquí se pone
información que no es visible para
el usuario, como el título de la
pestaña del navegador, el enlace a
archivos CSS o JavaScript, y la
configuración de caracteres.
• <title>: El texto en esta etiqueta
es el que se muestra en la pestaña
del navegador.
• <body>: Contiene todo el
contenido visible de la página
web. Aquí es donde se ponen los
títulos, párrafos, imágenes, etc.
Todo lo que el usuario ve y con lo
que interactúa, va aquí.