Si nunca escribiste una línea de código, este es el sitio por donde empezar. Va de qué es una etiqueta a una página personal completa, pasando por texto y listas, enlaces e imágenes, la estructura de un documento, tu primer CSS, el modelo de caja y flexbox. No hace falta instalar nada: escribes en el editor y ves el resultado al lado, dibujado por tu propio navegador. Ocho de los doce ejercicios funcionan así, y las correcciones se hacen sobre la página que produces, no sobre el texto que escribiste — cualquier solución correcta pasa. Es la puerta de entrada a «HTML profesional», que arranca justo aquí.
Temario 目次
Nivel 1 — Las etiquetas
La idea entera del idiomaQué es una página web y cómo se usa el editor. Tu primera línea, en un minuto.
Apertura, cierre y anidamiento. Con este módulo ya entiendes el 80 % del idioma.
Títulos, párrafos y las dos clases de lista. Por qué el h1 no es "la letra más grande".
Nivel 2 — La página
Enlaces, imágenes y el documentoLos atributos: la segunda idea del idioma. Y el alt, que no es opcional.
La plantilla que copiarás siempre, y cómo abrir tu página en tu computador.
Nivel 3 — El aspecto
Tu primer CSSColores, tamaños y tipografía. Selector, propiedad y valor.
Margen, relleno y borde. El concepto que separa "toco valores" de "sé por qué".
Flexbox, lo justo para poner cosas en fila. Tres líneas resuelven casi todo.
Nivel 4 — Cierre
Tu página personalTodo junto en una página que puedes guardar y abrir en tu computador. Diez comprobaciones.
Por qué ves candados. El acceso no se deduce de una orden pagada sino de un entitlement activo, y esta sesión no tiene uno para este curso. Entra como ana@criswily.local para verlo desbloqueado y como bruno@criswily.local para comprobar que el bloqueo es real — los dos son del mismo tenant, así que la diferencia no la puede hacer el aislamiento por tenant.