Realizar una práctica libre de HTML utilizando distintas etiquetas y modificadores.
En mi caso cree una página con algunas de mis canciones favoritas, con imágenes, enlaces, etc. Además, en la parte superior de la página coloqué una tabla para practicar con las opciones que ofrece esta etiqueta.
<html> <head> <title> Mi música favorita </title> </head> <body bgcolor="#E0F8F7" text="#04B4AE" link="#000000" vlink="#424242"> <!--CABECERA--> <a name=top> <h1 align="center">MI MÚSICA FAVORITA</h1> <hr color="#04B4AE" align="center" size="7" width="100%"> <!--DESCRIPCIÓN DE MI PÁGINA WEB--> <div align="center">Esta página contiene información sobre algunas de mis canciones favoritas.</div> <!--MENÚ--> <h3 align="center">CANCIONES:</h3> <table border="4" align="center" valign="middle" cellpadding="20"> <tr> <td align="center" valign="middle"> <a href="#cancion1">1.- BARROWLAND BALLROOM (Amy Macdonald)</a><br><br> <a href="#cancion2">2.- YELLOW (Coldplay)</a><br><br> <a href="#cancion3">3.- PARACHUTE (Cheryl Cole)</a> </td> </tr> </table> <br> <hr color="#04B4AE" align="center" size="5" width="100%"> </a> <!--CANCIÓN 1--> <a name=cancion1> <h3><font color="#FF8000">1.- BARROWLAND BALLROOM</font></h3> <h4><font color="#FF8000"><u>Amy Macdonald</u></font></h4> <img src="http://pionerosonline.es/catalog/images/amy%20mcdonald%20this%20is%20ths%20life.jpg" alt="Carátula This is the life" align="left" hspace="10"> <pre><font color="#DF7401" size="+1" face="Arial"><b>Disco:</b> This is the life <b>Letra:</b> <p align="center"><i>Oh the lights outside they're as bright as the sun They're much brighter than anyone. Oh the girls in the queue, yes they're waiting for you...</i></p> Si quieres ver la letra entera <a href="http://www.azlyrics.com/lyrics/amymacdonald/barrowlandballroom.html">HAZ CLIC AQUÍ</a> <b>Videoclip:</b><a href="http://www.youtube.com/watch?v=K93FvHxzdlk"><img src="http://www.milbits.com/archivos/youtube-logo.jpg" alt="YouTube" align="middle" hspace="10" height="60"></a> <p align="center"><i><blink><u>Nota:</u> La canción no tiene vídeo oficial.</blink></i></p> <b>Página web oficial:</b> <a href="http://www.amymacdonald.co.uk/gb/home/">HAZ CLIC AQUÍ</a> </font> </pre> <div align="center"><a href="#top"><b>VOLVER AL INICIO</b></a></div> </a> <hr color="#000000" align="center" size="5" width="80%"> <!--CANCIÓN 2--> <a name=cancion2> <h3 align="left"><font color="#D7DF01">2.- YELLOW</font></h3> <h4 align="left"><font color="#D7DF01"><u>Coldplay</u></font></h4> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLsw-CHnE3MqezyBctmaZ6_XvKoBmUyEy19ubuc95-6g7njVbBMJelaF1zDZlfFG1MQMMattSHUJvLFrrsAdKxf_oEKVR4t3w6oY_xLzuCKzW7JEjDCL-tNuG2VxHbVP5y98styHi-NfKS/s400/coldplay-parachutes.jpg" alt="Carátula Parachutes" align="right" hspace="10" height="350"> <pre><font color="#868A08" size="+1" face="Arial"><b>Disco:</b> Parachutes <b>Letra:</b> <p align="center"><i>Look at the stars, Look how they shine for you, And everything you do...</i></p> Si quieres ver la letra entera <a href="http://www.azlyrics.com/lyrics/coldplay/yellow.html">HAZ CLIC AQUÍ</a> <b>Videoclip:</b><a href="http://www.youtube.com/watch?v=1MwjX4dG72s"><img src="http://www.milbits.com/archivos/youtube-logo.jpg" alt="YouTube" align="middle" hspace="10" height="60"></a> <p align="center"><i><blink><u>Nota:</u> Vídeo oficial.</blink></i></p> <b>Página web oficial:</b> <a href="http://www.coldplay.com/">HAZ CLIC AQUÍ</a> </font> </pre> <div align="center"><a href="#top"><b>VOLVER AL INICIO</b></a></div> </a> <hr color="#000000" align="center" size="5" width="80%"> <!--CANCIÓN 3--> <a name=cancion3> <h3><font color="#01DF01">3.- PARACHUTE</font></h3> <h4><font color="#01DF01"><u>Cheryl Cole</u></font></h4> <img src="http://strictly-cheryl.tk/wp-content/uploads/2011/01/Cheryl-Cole-3-Words-album-cover.jpg" alt="Carátula 3 Words" align="left" hspace="10" height="350"> <pre><font color="#088A08" size="+1" face="Arial"><b>Disco:</b> 3 Words <b>Letra:</b> <p align="center"><i>I don't tell anyone about the way you hold my hand I don't tell anyone about the things that we have planned Won't tell anybody, won't tell anybody...</i></p> Si quieres ver la letra entera <a href="http://www.azlyrics.com/lyrics/cherylcole/parachute.html">HAZ CLIC AQUÍ</a> <b>Videoclip:</b><a href="http://www.youtube.com/watch?v=-AWoZmAxKxg"><img src="http://www.milbits.com/archivos/youtube-logo.jpg" alt="YouTube" align="middle" hspace="10" height="60"></a> <p align="center"><i><blink><u>Nota:</u> Vídeo oficial.</blink></i></p> <b>Página web oficial:</b> <a href="http://www.cherylcole.com/">HAZ CLIC AQUÍ</a> </font> </pre> <div align="center"><a href="#top"><b>VOLVER AL INICIO</b></a></div> </a> <hr color="#000000" align="center" size="5" width="80%"> </body> </html>
No hay comentarios:
Publicar un comentario