Introducción
¡Bienvenido al manual de HTML! Soy Juno y estoy muy feliz de que estés aquí. Ayudar a las personas a escribir su primera página web es lo que más me encanta enseñar, y ver cómo HTML pasa de ser una pared de símbolos de ángulo a algo que tiene sentido nunca se aburre.
Comenzaremos desde el principio, con lo que realmente es una página web, y lo construiremos pieza a pieza. No se necesita experiencia previa.
Aquí nada es demasiado básico para preguntar, así que tómate tu tiempo y llegaremos juntos.
Este manual es para cualquiera que esté comenzando en desarrollo web. HTML es el primer lenguaje de la web: el texto plano que describe qué hay en una página, desde sus encabezados y párrafos hasta sus imágenes, enlaces y botones. Antes de poder diseñar una página o hacerla interactiva, describes qué contiene, y esa descripción es HTML. Una aclaración rápida sobre dos términos que verás a lo largo de todo esto: un navegador es el programa que lee tu HTML y dibuja la página, como Chrome o Safari, y un elemento es una pieza única etiquetada de una página, como un encabezado o un párrafo. Cada concepto aquí está escrito completamente, con profundidad, ejemplos y algo para buscar cuando necesites una respuesta rápida.
No necesitas experiencia previa en codificación para comenzar. Si puedes escribir texto en un archivo, tienes todo lo que necesitas para los primeros capítulos, y todo lo demás se introduce según sea necesario. HTML es por donde casi todos los desarrolladores web comienzan, porque todos los sitios web del mundo, sin importar cuán complejos sean, se construyen sobre él.
El manual funciona de abajo hacia arriba. Aprenderás cómo estructurar una página y marcar texto, cómo agregar enlaces y medios, cómo dar significado real a tu marcado con semántica, cómo construir formularios que reciban información de tus visitantes y cómo hacer páginas que sean accesibles para todos y fáciles de entender para los motores de búsqueda. Cada idea es pequeña por sí sola, y se apilan en páginas que puedes lanzar realmente.
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 algo aparecer en pantalla. La distancia entre eso y construir páginas que sean legibles, accesibles y fáciles de cambiar es entender qué significa tu marcado para el navegador, para un lector de pantalla y para la próxima persona que lo edite. Ese entendimiento es lo que perdura más allá de cualquier proyecto individual.
Conoce tus guías
Este manual está alojado por tres guías, y tú eliges cuál te muestra el camino. El material es el mismo para todos; tu guía establece la voz en que se cuenta, y en las páginas que se adaptan, qué tan profundo va cada sección.
- Juno enseña la pista para principiantes: cálida y paciente, analogías sencillas, nada asumido.
- Ace enseña la pista intermedia: práctica y enfocada en la construcción, directo a lo que realmente haces.
- Sol enseña Deep Dive: el mecanismo, los compromisos y los detalles de producción que todos los demás omiten.
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 fuente.
Cuando estés listo, el manual comienza en serio. 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 el resto de la pista.
¿Prefieres aprender construyendo?El curso gratuito de HTML y CSS de Scrimba cubre el mismo terreno a través de cinco proyectos y más de 75 desafíos interactivos.