Learn HTML & CSSIntroducción a HTML
¡Bienvenido al manual de HTML! Soy Juno, y me alegra mucho que estés aquí. Ayudar a la gente a escribir su primera página web es lo que más me gusta enseñar, y ver cómo el HTML pasa de ser un montón de corchetes angulares a algo que tiene sentido nunca deja de emocionarme.
Vamos a empezar desde cero, entendiendo qué es realmente una página web, y a partir de ahí construiremos todo poco a poco. No necesitas experiencia previa.
Aquí nada es demasiado básico como para preguntarlo, así que avanza a tu propio ritmo y llegaremos juntos.
Este manual es para cualquier persona que esté empezando en el desarrollo web. HTML es el primer lenguaje de la web: el texto plano que describe lo que hay en una página, desde sus encabezados y párrafos hasta sus imágenes, enlaces y botones. Antes de poder darle estilo a una página o hacerla interactiva, tienes que describir qué contiene, y esa descripción es HTML. Un par de términos que verás a lo largo de todo el manual: un navegador es el programa que lee tu HTML y dibuja la página, como Chrome o Safari, y un elemento es una pieza individual y etiquetada de una página, como un encabezado o un párrafo. Cada concepto aquí está desarrollado completo, con profundidad, ejemplos y algo para consultar cuando necesites una respuesta rápida.
No necesitas ninguna experiencia previa en programación para empezar. Si puedes escribir texto en un archivo, ya tienes todo lo que necesitas para los primeros capítulos, y todo lo demás se irá presentando a medida que aparezca. HTML es donde casi todos los desarrolladores web empiezan, porque cada sitio web del mundo, sin importar cuán complejo sea, está construido sobre esta base.
El manual avanza desde los fundamentos. Aprenderás a estructurar una página y marcar texto, a agregar enlaces y contenido multimedia, a darle a tu marcado un significado real con la semántica, a construir formularios que reciban información de tus visitantes, y a hacer páginas accesibles para todos y fáciles de entender para los motores de búsqueda. Cada idea es pequeña por sí sola, pero juntas forman páginas que realmente puedes publicar.
El enfoque aquí es explicar qué hace cada pieza de HTML y por qué, no solo qué escribir. Cualquiera puede copiar una etiqueta de un ejemplo y ver que aparece algo en la pantalla. La distancia entre eso y construir páginas legibles, accesibles y fáciles de modificar está en entender qué significa tu marcado para el navegador, para un lector de pantalla y para la próxima persona que lo edite. Esa comprensión es lo que perdura más allá de cualquier proyecto puntual.
Conoce a tus guías
Este manual está presentado por tres guías, y tú eliges cuál te acompaña. El material es el mismo para todos; tu guía define el tono en el que se te cuenta, y en las páginas que se adaptan, qué tan a fondo entra cada sección.
Cambia de guía en cualquier momento desde el selector en la parte superior de cualquier página, o abre Preferencias en la esquina inferior derecha para cambiar tu guía, idioma o tamaño de letra.
Cuando estés listo, el manual empieza de verdad. El próximo capítulo, Qué es HTML, cubre qué es realmente HTML y el pequeño vocabulario de etiquetas, elementos y atributos sobre el que se construye todo el resto del recorrido.
¿Prefieres aprender construyendo?El curso gratuito de HTML y CSS de Scrimba cubre lo mismo a través de cinco proyectos y más de 75 desafíos interactivos.