Curso: TIC II curso 25/26, Section: HTML + CSS | AV

Main course page
Traballos en grupo

HTML + CSS

  • HTML + CSS

    • GUÍA HTML Y CSS URL
    • HTML reference URL
    • CSS reference URL
    • Modelo de cajas en CSS URL
    • Tarea incial HTML: crea una web con IA que explique las etiquetas básicas Tarefa

      Crea una página HTML que explique visualmente las etiquetas principales del html poniendo un ejemplo de cada una: texto, títulos, lista, tablas, imágenes externas e internas (locales), enlaces externos e internos...

      Al acabar copiar el código, pegarlo en Geany o programa similar, guardar como index.html y abrir en un navegador (compilar y ejecutar desde Geany).

      Lo normal es que tenga "errores" en las imágenes externas (no se ven), internas y quizás en enlaces (da error al picar en ellos). La siguiente tarea será resolverlos.

      Mostrar en clase al profe.

      Va adjunto el ejemplo del profe.

    • Ejercicio HTML - CSS con IA Páxina

      Crea una página web local en donde aparezca la última alineación del Celta (si odias el fútbol hazlo con cualquier otra cosa que pueda ordenarse. un grupo de música, por ejemplo).

      Recomendación: puedes usar un par de IAs a la vez para ver las diferencias.

      Hazlo paso por paso siguiendo el del profe y fijándote en las etiquetas, atributos, la sintaxis, parámetros...

      Cada vez que generes el código tienes que abrirlo en el navegador.

    • Tarefa: crea web HTML con alineación del Celta

      Si odias el fútbol puedes hacerla de otra cosa. Compartir trabajo desde Gemini con el enlace.

      Intentan hacer la página paso a paso, como la del profe de prueba. Fíjate en el HTML.

    • Entrada en el foro con HTML Tarefa

      Crea una entrada en el foro que contenga:

      • texto en varios tamaños, y con distintas justificaciones
      • letra negrita y cursiva
      • letra en varias fuentes
      • lista de texto y lista de texto numerada
      • imagen externa e interna (alojada en el aula virtual)
      • enlace externo

      Al acabar visualiza el HTML e identifica las etiquetas. Intenta crear otra entrada escribiendo directamente el HTML (puedes consultar las etiquetas, no hace falta memorizarlas, pero no copies y pegues).

      El profe verá las dos entradas en el foro.

Traballos en grupo