Comentarios al ejercicio Citas de Virgilio (Google Fonts)
Cabecera
En la cabecera <head> de la página hay que:
modificar el título <title> de la página
añadir la etiqueta <metaname="viewport" ... > necesaria en dispositivos móviles
añadir la etiqueta <link rel="stylesheet" ... > de enlace a la hoja de estilo
Etiquetas
Al desactivar la hoja de estilo se puede identificar las siguientes etiquetas:
una etiqueta de sección <h1> para el título.
varias etiquetas de párrafo <p>, una para cada cita.
el nombre del escritor en el primer párrafo lleva la etiqueta <strong>.
los nombres de las obras se ven en cursiva. Podrían utilizarse etiquetas <em>, pero para este tipo de información es más adecuado el uso de la etiqueta <cite>, que también se ve en cursiva cuando no se aplica ninguna hoja de estilo.
Al volver a aplicar la hoja de estilo no se identifican más etiquetas, pero puesto que los párrafos no son todos iguales, es que hay varias clases de párrafos <p>.
Clases
En total, se necesitan tres clases de párrafo <p>:
clase intro: el párrafo de introducción, que tienen un margen izquierdo y derecho mayor que el resto.
clase latin: los párrafos en latín, que aparecen a la izquierda.
clase espanol: los párrafos en español, que aparecen a la derecha.
Los tipos de letra son también diferentes en cada una de estas clases.
Fuentes
En este ejercicio se utilizará la regla-arroba @import, para enlazar las siguientes fuentes en Google Fonts, sin necesidad de descargarlas: