Página personal de David López

Para abreviar le he dado estilo de color, de fondo y de texto al cabecero con el título requerido.
Así mato dos pájaros de un tiro.

Background degree

Para ésta <section> he creado un estilo css dentro del propio documento html y así poder darle estilos.
De esta manera cumplo con el requerimiento de utilizar fondos degradados. Por último le teo un "border radius" para rematar un poco el cuadro y para que resalte un border.

Verás también una fuente poco común. Es la Russian Display y la he añadido con el método @import desde Google Fonts.


Para insertar la imagen he utilizado una externa.
Es el logo de Apple formato .SVG
Al tener la Section (con id seccion), un float right y 75% de width, el logo
se acopla en el hueco libre.

 

Uno de los caracteres especiales más utilizados, es como habréis imaginado, la arroba o @. Éste caracter especial se obtiene con un número HTML especial, el &#64;
Si te fijas en el código, &#64; se traduce por @. y para escribir &#64; en HTML y que se lea, debemos poner &amp;#64;

 

 

Para meter una línea de separación, o salto de línea, también puedes poner el caracter especial &nbsp; entre etiquetas párrafo. Muy útil para organizar contenido.

Para la inserción de vídeo me he decantado por el metodo iframe que es el que ofrece Youtube. Lo más usado y a la vez lo más sencillo.
Espero que te guste Megadeh

Meto el iframe en una div con align=center para que quede centrado el vídeo.

Para terminar el ejercicio y agradecerte tu atención, te dejo un regalito. Un wallpaper de Michael Jordan.

Espero que te guste. Y gracias.