El documento instruye al lector a crear una página web que incluya las primeras estrofas de la "Canción del Pirata" de José de Espronceda. Debe aplicar etiquetas HTML para centrar y dar formato al título, texto y estrofas. También debe incluir un enlace al autor con su biografía y una imagen de un barco pirata al final de la página.
1. EJERCICIO DE APLICCIÓN DEL CÓDIGO HTML
Haz una página web con las primeras estrofas de la “Canción del Pirata” de José de
Espronceda. El texto lo encontraras en el archivo texto_pirata.txt que está en la carpeta compartida
infor4 del ordenador del profesor, carpeta de páginas web. También hay manuales de código html.
El nombre de la página que debe aparecer en el navegador es: CANCIÓN DEL PIRATA.
Aplica un color de fondo para tu página en la etiqueta <body>
El Título debe estar centrado y con una raya debajo, también centrada. Puedes elegir el tipo
de fuente, altura y color de la raya que quieras.
El poema estará centrado en la página, y cada estrofa debe ir separada por un espacio de las
otras.
En la primera estrofa, subraya el nombre del barco pirata con la etiqueta <u>. La última
estrufa es el estribillo de la canción, ponla en cursiva con la etiqueta <i>
Al final aparece el nombre del autor: José de Espronceda, vamos a poner un enlace a una
página web con su biografiá: buscala en el internet y copia su direccion. A continuación, con la
etiqueta <a > ponemos un enlace a esa página con su nombre así:
<a href="pega aquí la url que has buscado">José de Espronceda</a>. Recuerda, en las
comillas debes pegar el enlace que has buscado antes. Para que se note que es un enlace debe tener
un color distinto al texto, por ejemplo magenta. Para ello pon el modificador vlink=”magenta”
dentro de la etiqueta <body>. Por último, para que ese enlace se abra en otra página y no nos cierre
la nuestra el navegador, incluye el modificador target="_blank" dentro de la etiqueta <a>.
Pon una raya debajo que ocupe todo el ancho de la pantalla.
Para terminar, inserta una imagen de un barco pirata. Busca la imagen en internet y la
guardas en la misma carpeta de tu página. Ahora, con la etiqueta <img> indicas el nombre de la
imagen que quieres pegar, en mi caso es barco_pirata.jpg
<img src="barco_pirata.jpg" alt="Bajel pirata `El Temido`">
Añade el modificador alt="Bajel pirata `El Temido`" a la etiqueta <img> para que al
pasar el cursor por la foto muestre el nombre del barco.
Para terminar, pon tu nombre y curso abajo a la derecha de la página.