|HTML|: Cabecera
================

.. Comprobar:
   https://www.ticarte.com/contenido/ejercicios-practicos-de-html5
   https://francescricart.com/tutorial-html/ejercicios-html/
   https://desarrolloweb.dlsi.ua.es/libros/html-css/ejercicios

.. note:: Escriba el documento |HTML| completo, aunque deje sin contenido el
   cuerpo, y compruebe la validez de la solución usando a un :ref:`validador
   adecuado <html-validacion>`.

1. Escribir la cabecera de un documento |HTML| que cumpla con lo siguiente:

   a. El título de la página debe ser "Ejercicio 1".

   #. La codificación de caracteres debe ser la que se esté utilizando para
      escribir el documento.

   #. Se utiliza la librería *JQuery* (busque en internet un |URL| de donde
      obtenerla).

   #. Indique el nombre del autor del documento.

   #. Procure que se vea bien la página en dispositivos móviles.

   #. Defina una redirección hacia ``https://www.disney.com`` a los 15 segundo
      de cargarse la página.

   #. Añada información para controlar cómo se verán los enlaces a la página
      desde Twitter_.

   #. Se utilizan dos hojas de estilo para la página:
   
      - Uno que se encuentra dentro del subdirectorio "estilos" dentro
        de un fichero llamado "aspecto.css".
      - Otra con las sentencias incluidas dentro del propio documento (escriba
        cualquier sentencia |CSS| válida).

2. Escribir la cabecera de un documento |HTML| que cumpla con lo siguiente:

   .. rst-class:: simple

      a. El título de la página debe ser "Ejercicio 1".

      #. La codificación de caracteres debe ser la que se esté utilizando para
         escribir el documento.

      #. La página contendrá un mapa de OpenStreetMap_ gestionado con la librería
         Leaflet_. Incluya la hoja de estilos y los scripts de *Javascript* que
         exige la documentación de Leaflet_.

      #. Indique el autor del documento.

      #. Incluya una pequeña descripción del documento.

      #. Indique que el favicon es el fichero logo.ico dentro del directorio images,
         que se encuentra en la raíz del servidor.

      #. Añada un enlace para la página de índice (:file:`index.html`) y otro enlace
         para la siguiente página (:file:`doc2.html`).

      #. Añada información para controlar cómo se veran los enlaces a la página
         desde Facebook_.

      #. Defina dos estilos alternativos para la página:

         1. "estilo1", que se encuentra en las hojas de estilos  :file:`a.css` y
            :file:`b.css`
         2. "estilo2", que se encuentra en la hoja de estilos :file:`c.css`.

         Todos los archivos |CSS| se encuentran en el mismo directorio que el
         |HTML|. El estilo predeterminado es "estilo1".

.. _Twitter: https://twitter.com
.. _Facebook: https://www.facebook.com
.. _Leaflet: https://leafletjs.com
.. _OpenStreetMap: https://www.openstreetmap.org

.. |CSS| replace:: :abbr:`CSS (Cascading Style Sheets)`