Estás viendo mi página web personal. A continuación te explico su contenido.
⇒Colores de texto, fondos y degradados
Se puede observar que he utilizado distintos colores de texto y fondos a lo largo del documento. Además, en las cajas que contienen los ejemplos de imágenes y vádeos he puesto una sombra arriba a la izquierda y un fondo de colores degradado.
⇒Tipografía
He utilizado la tipografía "Sofia" de Google Fonts (servicio on line) para todo el documento.
⇒Encabezados
Uso de <h1>..<h6>, <header> y <hgroup>
El documento contiene varios encabezamientos o titulares.
- El encabezado de la página se ha definido con la etiqueta <HEADER>.
- Los titulares de cada sección se han creado con <h1>.
- El encabezado de esta sección contiene un título y un subtítulo, definidos con <h1> y <h2>, respectivamente, y agrupados con <HGROUP>.
⇒Caracteres especiales
Para dibujar este rectángulo que ves a continuación, he utilizado los caracteres especiales cuyos códigos son: ╔, ╗, ╚, ═, ╝, ═ y ║. Además, el titular principal de cada sección de esta página comienza con el carácter especial "⇒".
╔═══╗
║ ║
╚═══╝
⇒Imágenes
Aquí te muestro unas imágenes. Las tres primeras son imágenes de mapa de bits (.png, .jpg y .gif, respectivamente), la cuarta es una imagen vetorial (.svg) y la última no está disponible, por lo que mostrará el texto alternativo "sol".
⇒Vídeos
A continuación incluyo un par de vídeos, el segundo de ellos de YouTube. El primero no se mostrará si no puedes reproducir mp4, porque la versión WebM alternativa no está disponible y en su lugar se mostrará una imagen fija.
⇒Cajas con bordes redondeados
Como puedes comprobar, las cajas en las que he incluído los ejemplos de imágenes y vídeos, tienen las esquina redondeadas. Además, la caja de imágenes tiene los bordes punteados en un color claro.