Computación Básica 2: Habilidades Digitales Material gratuito · Prof. Mario Santamaría y José Mario Santamaría

¿Se te dificulta leer? Hasta el final de la página puedes cambiar cómo se ve: Lectura fácil pone fondo blanco, letra negra, tipografía Verdana y más aire entre renglones. También hay modo noche.

HTML y CSSClase 1

Tu primera página: la estructura de un documento HTML

Al terminar vas a poder:Identificar los elementos y la estructura base de un documento HTML (DOCTYPE, html, head, meta, body) y crear un index.html válido con encabezados, párrafos y formato, organizando la evidencia con el estándar de entrega en Drive.

Bloque 1 de 4

Ya usas la web; hoy la vas a escribir

Bloque 2 de 4

El esqueleto de todo documento HTML

Bloque 3 de 4

Tu contenido: títulos y párrafos

Bloque 4 de 4

Roles, checklist y entrega en Drive

Lo que entregas

index.html válido y bien formado (DOCTYPE, html lang, head con meta charset y viewport, title, body con encabezados y párrafos), guardado con el nombre y en la carpeta correctos en Drive.

Cómo se califica

  • Estructura completa (DOCTYPE + html + head + body) 40%
  • meta charset y viewport presentes 20%
  • encabezados y párrafos con contenido propio 20%
  • abre sin errores en el navegador 10%
  • entrega con nombre y carpeta correctos 10%.

Antes de irte: piensa en lo que hiciste

  1. ¿Qué parte del documento NO se ve en la página pero es necesaria, y por qué?
  2. ¿En qué se parece un archivo HTML a un documento de Word y en qué se diferencia?
  3. Transferencia: ¿dónde más has visto que 'el formato viaja aparte del contenido' (por ejemplo, en tus apps o redes)?

Resultado de aprendizaje

RAP 1.1 — Identifica los elementos y la estructura básica de un documento HTML y organiza sus evidencias con un estándar de entrega. (RAP 1.2 se trabaja en la Clase B.)

Toca para cambiar cómo se ve la página: