Repaso
1. OBJETIVO
2. Copie lo siguiente en el portafolio.
<!-- comentario en el codigo//-->
<html><!-- Línea inicial de cualquier documento html //-->
<head><!-- Etiqueta que indica apertura del encabezado //-->
<Title>Nuestro titulo<!-- Etiqueta utilizada para poner el titulo de mi página en la barra de titulo del navegador //-->
</Title><!-- Etiqueta de cierre del título //-->
</head><!-- Etiqueta que indica el cierre del encabezado //-->
<body background="fondo3.jpg"><!-- La etiqueta <Body> indica el inicio del cuerpo o contenido de la pagina, el atributo background se utiliza para poner una imagen de fondo//-->
<!-- Es apropiado que todos los documentos, imágenes, en general todos los archivos referentes a nuestra página se encuentren en una carpeta para el proyecto.//-->
<font face="Matura MT Script Capitals" size="5" Color="blue"><b><center>SAN ANDRÉS Y <br>PROVIDENCIA</b></font></center><p>
<!-- En estas líneas la etiqueta <Font> permite modificar el texto que la precede, a través de los atributos: face (tipo de letra) size (tamaño) y color (color)//-->
<!-- La etiqueta <b> indica aplicar negrilla al texto posterior a la etiqueta//-->
<!-- La etiqueta <center> alinea el texto posterior a la etiqueta en la parte central de la pagina//-->
<!-- La etiqueta <br> indica salto de línea//-->
<!-- La etiqueta </b> indica aplicar negrilla al texto posterior a la etiqueta//-->
<!-- La etiqueta </b> indica dejar de aplicar negrilla//-->
<!-- La etiqueta </font> Marca para dejar de aplicar el tipo de letra y demás características declaradas//-->
<!-- La etiqueta <p> genera salto de parrafo//-->
<font face="Century Gothic" size="5" Color="CADETBLUE"> <!-- Línea que modifica el tipo, tamaño y color del texto siguiente//-->
A 700 kilómetros de la costa continental colombiana se encuentra la isla de San Andrés, un pequeño paraíso. Es un destino perfecto para disfrutar de la playa, practicar deportes náuticos, bucear y hacer ecoturismo.
<p>
</font>
<img src="isla.png" width="25%" alt="isla" border="10">
<!-- La etiqueta <img> permite insertar una imagen en línea de texto a través de el atributo src, el atributo width modifica el ancho de la imagen y el atributo alt permite poner un comentario a la imagen insertada//-->
<p>
<a href="galleria.html">Ir a la Galería de Fotos</a>
<!-- La etiqueta <a> inserta un hipervínculo en este caso en el texto “Ir a la Galería de Fotos” a través de el atributo href, //-->
<!-- La etiqueta </a> Marca el fin del hipervínculo si no se establece, al hacer click en cualquier objeto posterior a la declaración de la etiqueta <a> se dirige a la destino del enlace.//-->
</body><!-- Fin del Cuerpo//-->
</html> <!-- Fin del documento//-->
3. Copie el codigo en el bloc de notas y modifique para que quede funcionando.