DevWebExplorer

HTML desde cero.

HTML es uno de los lenguajes fundamentales del desarrollo web. Sus siglas significan HyperText Markup Language, que en español se traduce como lenguaje de marcado de hipertexto. Se utiliza para organizar el contenido de una página web, como los títulos, los párrafos, las imágenes, los enlaces y las listas.

Cuando visitas una página web, normalmente estás viendo una combinación de tres cosas HTML, CSS y JavaScript.

Cada tecnología tiene una función diferente: HTML organiza el contenido, CSS controla su apariencia y JavaScript permite añadir interactividad a la página.

¿Para qué sirve HTML?

HTML permite crear la estructura de una página web. Por ejemplo, podemos utilizarlo para añadir un título, escribir varios párrafos, insertar una imagen o crear un enlace a otra página.

Estas son algunas de sus utilidades principales:

• Crear títulos y subtítulos para organizar la información.
• Añadir párrafos de texto y listas.
• Insertar imágenes con un texto alternativo.
• Crear enlaces a otras páginas y recursos.
• Construir formularios para recoger información de los usuarios.

Un ejemplo sencillo de HTML

El siguiente código muestra una estructura básica que puedes probar en un editor de código:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Mi primera web</title>
</head>
<body>
    <h1>Mi primera página web</h1>
    <p>Estoy aprendiendo HTML en DAW.</p>
</body>
</html>

La etiqueta h1 representa el título principal de la página y la etiqueta p contiene un párrafo. Por su parte, body incluye el contenido que se muestra en el navegador.

Diferencias entre HTML y CSS

HTML y CSS trabajan juntos, pero no hacen lo mismo. HTML define qué elementos aparecen en la página, mientras que CSS determina cómo se presentan visualmente. Por ejemplo, podemos utilizar HTML para crear un título y CSS para cambiar su color, tamaño o tipo de letra.

Aprender ambas tecnologías es un buen punto de partida para cualquier estudiante de Desarrollo de Aplicaciones Web. Más adelante, JavaScript permitirá añadir funciones como botones interactivos, menús dinámicos y validaciones de formularios.

Consejo para estudiantes de DAW: practica escribiendo pequeños documentos HTML y comprueba el resultado en el navegador. Es más fácil aprender cuando pruebas el código por ti mismo.

¿Qué deberías aprender después?

Una vez que conozcas las etiquetas básicas, puedes continuar con los enlaces, las imágenes, las tablas y los formularios. Después, empieza a estudiar CSS para mejorar el diseño de tus páginas.

En DevWebExplorer publicaremos más tutoriales, ejercicios y proyectos para ayudarte a aprender desarrollo web paso a paso. El objetivo es que puedas aplicar lo aprendido en tus propias páginas y proyectos.