Página personal de <José Joaquín Cárdenes Sánchez>

Resumen de los ejemplos que puedes ver en esta página:

  1. Uso de colores para texto y fondo, incluyendo al menos colores degradados en alguna de sus cajas.
  2. Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line.
  3. Distintos encabezados.
  4. Uso de caracteres especiales
  5. Incluir, imágenes de tipo bitmap y vectorial.
  6. Incluir algún vídeo.
  7. Incluir bordes redondeados en alguna de sus cajas.
  8. La página debe comenzar con el siguiente encabezamiento: "Página personal de <nombre y apellido del alumno>"

Aquí tenemos un ejemplo del uso de un degradado.

Manteniendo las fuentes en las etiquetas <code> ;-)
así como el usi de bordes redondeados.

El código CSS para este ejemplo es:

Para el degradado:

  .degradado {
    -webkit-border-radius: 10px;
    border-radius:  10px; 
    background: linear-gradient(to top, #503080 0%, #E5D5F5 100%);
    color:  #F5F0FA;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

Para el <code>

  code {
    font-family: monospace;
    font-size: 1.1em;
    color: #503080;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    background: #E8E8E8;
    padding-left: .4em;
    padding-right: .4em;
  }

Aquí tenemos un ejemplo del uso de una fuente externa.

Manteniendo las fuentes en las etiquetas <code> ;-)

A lo largo del documento se han utilizado distintos niveles de encabezado:

<h1>, <h2> y debajo de este <header> el <h3>

Aquí tenemos un ejemplo del uso del encabezado <h3>.

Algunos de los caracteres especiales utilizados son:

< : &lt;, > : &gt;, á : &aacute;, " : &quot;, © : &copy;