Curso Miriada X » Módulo 2 » Entrega P2P-02 Juan Ángel Celdrán
En este ejercicio se nos piden varios requisitos. Se han utilizado los
enunciados de estos requisitos para crear las distintas secciones de la
página. Cada requisito se incluye en una <section> del
documento.
El contenido del ejercicio es el código incluido en la etiqueta
<main>. Es lo que se ve a continuación dentro del cuadro con el
borde punteado.
Para este requisito, el color degradado se ha utilizado en la caja que contiene el encabezado principal "Página personal de...". También lleva bordes redondeados.
Las secciones del documento también llevan fondo y color de
para los encabezados <h1> y color de texto.
Para los encabezados
<h1>, <h2> y <h3>
se ha aplicado la fuente Bree Serif y, para el resto, la
fuente Roboto, enlazadas desde
Google Fonts
, incorporando el siguiente código en el <head>
de la página.
<link href='https://fonts.googleapis.com/css?family=Bree+Serif|Roboto' rel='stylesheet' type='text/css'>
Aquí no tengo muy claro lo que se pide. No sé si se refiere a que
se utilicen distintos encabezados <h1> y <h2>... o si se
refiere a usar elementos <header>.
En el primer caso está el primer <h1> con el texto "Página
personal de..." y los distintos requisitos del ejercio van con
<h1> en cada <section>.
Y para el segundo caso, hay que mirar el código fuente donde
he distribuido el contenido en elementos <section>
+ <header> y, en el apartado de imágenes, hay
mas elementos <h2> y <h3>.
Los caracteres especiales tampoco tengo claro en qué parte del material de estudio se han mencionado.
En cualquier caso, en esta página se han usado el
caracter especial » en la barra superior de atajos
y el caracter © en el footer.
Tabla de referencias de símbolos HTML en
→
W3Schools.
Hay varios formatos de bitmap.
Mr. Base
Knock, Knock...
Estas son las del ejemplo de <picture>.
La fuente de la imagen cambia según la anchura disponible y se
ha trabajado un poco el CSS para ponerle un marco y limitar el
tamaño al 75% del ancho disponible.
Imágenes SVG animadas encontradas en Internet. ¡¡¡OJO!!! que la animación no se ve en todos los navegadores.
Moire Circles
SVG Clock
Este es un vídeo incorporado con el HTML proporcionado por YouTube en el apartado Insertar.
Este otro es con la etiqueta <video>. Enlaza a
archivos ubicados en URLS.
Los bordes redondeados se ha usado en el encabezado principal
que dice "Página personal de...". Los bordes se han aplicado al
elemento de html <h1>.
Eso es lo que va al inicio de la página que, además, se ha usado para aplicar colores degradados, color de texto diferente y caja de bordes redondeados.