Bienvenido a HTML!
HTML corresponde a las siglas en inglés de "HiperText Markup Language" y se puede traducir al español como "Lenguaje de Marcas de Hipertexto".
A diferencia de un lenguaje de scripting o programación que usa secuencias de comandos para realizar procesos, un lenguaje de marcado ustiliza diferentes etiquetas para identificar el contenido.
Este es un ejemplo de una etiqueta HTML:
<p> Soy un párrafo </p>
La estructura web
La capacidad de programar usando HTML es esencial para cualquier profesional de internet. Adquirir esta habilidad debería ser el punto de partida para cualquiera que esté aprendiendo cómo crear contenido para la web.
Diseño Web Moderno
HTML: Estructura
CSS: Presentación
JavaScript: Comportamiento
PHP o similar: Back-end
CMS: Gestión de contenidos
La etiqueta <html>
Aunque se hayan lanzado varias versiones a lo largo de los años, los fundamentos de HTML siguen siendo los mismos.
La estructura de un documento HTML se puede comparar con la de un sándwich. De la misma manera que un sándwich tiene dos rebanadas de pan, el documento HTML tiene etiquetas html de apertura y cierre.
Estas etiquetas, como el pan de un sándwich, envuelven todo lo demás:
<html>
…
</html>
La etiqueta <head>
Justo después de la etiqueta HTML de apertura encontrarás la cabecera del documento, la cual se identifica con las etiquetas head de apertura y cierre.
La cabecera (o head) de un archivo HTML contiene todos los elementos no visuales que ayudan a que la página funcione correctamente.
<html>
<head>…</head>
</html>
La etiqueta <body>
La etiqueta body sigue después de la etiqueta head.
Todos los elementos visuales-estructurales están contenidos dentro de la etiqueta body.
Encabezados, párrafos, listas, citas, imágenes e hipervínculos son tan sólo algunos de los elementos que puede contener la etiqueta body.
Estructura básica HTML:
<html>
<head>
</head>
<body>
</body>
</html>
<head>
</head>
<body>
</body>
</html>
El archivo HTML
Los archivos HTML son archivos de texto, por lo que puedes usar cualquier editor de texto para crear tu primera página web.
Existen algunos editores de HTML muy buenos; puedes escoger el que creas conveniente. Por ahora, vamos a escribir nuestros ejemplos en el Bloc de Notas:
