Como no se me ocurría ninguna temática para realizar una aplicación web, voy a ir explicando como construirla siguiendo los puntos que se piden en el ejercicio p2p.
Ya sea editando el html en línea o en el <header> dentro de la etiqueta <style>, o en una hoja de estilo externa, podemos declarar el color de cualquier etiqueta con la propiedad color. Para ello podemos asignar un color (por ejemplo el blanco) escribiéndolo en código hexadecimal (#ffffff) o en rgb (255, 255, 255) ya que son los más utilizados.
Con la declaración background-color seleccionamos el color de fondo de la misma forma que con la declaración anterior.
Con la declaración background seguido de la línea linear-gradient(dirección, color1, color2...) se consigue un gradiente lineal en la dirección que queramos.
En Google Font tenemos un gran número de fuentes que podemos utilizar. Una vez elegida la fuente, clicamos en "quick-use" y nos devuelve un link para incrustar en el <head> de nuestra página, además de la sentencia que tenemos que colocar en la declaración css.
Para incluir imágenes en una página web se utiliza la etiqueta <img>. Especificando la ruta con src e incluyendo el atributo alt para disponer de un texto alternativo en el caso de que la imágen no se carge.
Youtube no facilita el código para incrustarlo directamente con la etiqueta <iframe>. Simplemente tenemos que copiarlo y pegarlo en la página cuando la estamos editando.