h1 con fuente Aladin desde edgefonts.net

Iniciando con las fuentes de color

Para que nuestras cajas muestren un color se usa el comando background-color de la siguiente manera:

En el código si lo colocamos en el elemento body:

body {

background-color: grey;

font-family: 'Proza Libre', sans-serif;

}

En el caso que colocamos el código en un fichero css:

<link href="https://fonts.googleapis.com/css?family=Proza+Libre" rel="stylesheet">
<style>

body {

background-color: grey;

font-family: 'Proza Libre', sans-serif;

}

</style>

Insertar un vídeo

En el caso de los vídeos, el gran problema que tenemos es que los navegadores no soportan todos los formatos, y por ende en algunos se podrán ver y en otros no. Es más recomendable subir tu vídeo a Youtube y luego vincular a tu página web. Así tendrás más espacio en tu hosting y podrías monetizar o promocionar tu vídeo. Como en el siguiente ejemplo:

Imágenes Responsivas

En un concepto corto las imágenes responsivas son aquellas que pueden ajustarse al tipo de pantalla del usuario.

En el siguiente ejemplo, puedes estirar o acortar la pantalla del navegador y ver cómo cambia la imagen:

shaum

El ejemplo anterior muestra un cambio de imágenes, ya que estas son del tipo ráster. Sin embargo, tamién se puede utilizar imágenes vectoriales del tipo SVG. Como se muestra en este ejemplo: