Archivo de la Categoría 'HTML'

MPI - Unidades 4, 5 y 7 - Examen Original - Soluciones

Mantenimiento de Portales - Unidad 4 - Solucionario

Soluciones de la Unidad 4

HTML: Práctica 4 - Sonido de fondo

Codifica una página web que emita un sonido de fondo de forma continua. Supón que el archivo de sonido está almacenado en la misma carpeta que la página web.

Archivo necesario: perro_pajaros.mp3

Solución:

1
2
3
4
5
6
7
8
9
10
11
12
<html>
   <head>
      <title> Sonido de fondo </title>
   </head>
   <body>
      <embed src="perro_pajaros.mp3" 
                 hidden="true"        
                 autostart="true" 
                 loop="true"         
      />
   </body>
</html>

HTML: Práctica 3 - Redimensión de imágenes

Programa una página web que muestre una misma imagen con tres tamaños distintos. Supón que la imagen está almacenada en la misma carpeta que la página web.

Archivos necesarios: cascada_rio.jpg

Solución:

1
2
3
4
5
6
7
8
9
<html>
   <body>
      <img src="cascada_rio.jpg" alt="Cascada y r&iacute;o" />
      <br />
      <img src="cascada_rio.jpg" alt="Cascada y r&iacute;o" width="375" height="248" />
      <br />
      <img src="cascada_rio.jpg" alt="Cascada y r&iacute;o" width="250" height="167" />
   </body>
</html>

HTML: Práctica 2 - Referencias a caracteres

Elabora una página web que muestre la lista siguiente:

  • La resistencia se mide en ohmios (Ω)
  • Pedigüeño
  • “Salvar al soldado Ryan”
  • Windows®
  • ¿ Qué es «software libre» ?

Solución:

1
2
3
4
5
6
7
8
9
10
11
<html>
   <body>
      <ul>
         <li>La resistencia se mide en ohmios (&#x2126;)</li>
         <li>Pedig&uuml;e&ntilde;o</li>
         <li>"Salvar al soldado Ryan"</li>
         <li>Windows&reg;</li>
         <li>&iquest; Qu&eacute; es &laquo;software libre&raquo; ?</li>
      </ul>
   </body>
</html>

HTML: Práctica 1 - Hola Mundo

Elabora una página web que muestre la frase “¡Hola Mundo!” (sin las comillas).

Solución 1:

1
2
3
4
5
6
7
8
<html>
   <head>
      <title>Hola Mundo</title>
   </head>
   <body>
      <p>¡Hola Mundo!</p>
   </body>
</html>

Solución 2:

1
2
3
4
5
6
7
8
<html>
   <head>
      <title>Hola Mundo</title>
   </head>
   <body>
      <p>&#161;Hola Mundo!</p>
   </body>
</html>

Solución 3:

1
2
3
4
5
6
7
8
<html>
   <head>
      <title>Hola Mundo</title>
   </head>
   <body>
      <p>&iexcl;Hola Mundo!</p>
   </body>
</html>

Especificación HTML