Hola hoy insertamos un enlace  que nos manda a algún correo electrónico en este caso lo insertamos en la lista de enlaces que hicimos de tarea la clase pasada.

<html>

<head>

<title>Práctica de hiperlinks- enlaces</title>

<body>

<h1><b><font size=”5?face=”arial”color=”green”>Enlaces</b></h1>

<hr/>

<ul>

<li><a href=”E:\tics hoy\MI PRIMERA PAGINA WEB.HTML”>Mi primera pagina web</a>

<li><a href=”F:\tics hoy\NOTICIA.HTML”>Mi primera noticia</a>

<li><a href=”F:\tics hoy\TRABAJO CON LISTAS.HTML”>Trabajos con listas</a>

<li><a href=”F:\tics hoy\indice 2.HTML”>Indice</a>

<li><a href=”F:\tics hoy\enlaces.html”>Practica de enlaces</a>

<hr/>

gracias por visitar mi pagina.<br>

<p></p>

<a href=”mailto:danivs_esca@hotmail.com”>

envie un mensaje al creador de esta web</a>

</body>

</head

</html>

Después de insertar el correo  vimos la parte de imágenes    vimos los tipos de imágenes

Imágenes sobre html

En el diseño web lo primordial son las imágenes

 

Hay tres diferentes tipos de archivos de imagen que se pueden insertar en las páginas web

.-GIF (Graphics Interchange Format)

.-JPG O JPEG (Joint Photographic Expert Group)

.-PNG (Pottable Network Graphics)

Las imágenes PNG son archivos muy pequeños que pueden ser utilizados solo para insertar alguna flecha y algún símbolo pequeño.

Imágenes mas hipervínculos

El profesor nos pidió descargar dos imágenes GIF y dos JPG para qué realizáramos la siguiente práctica.

<html>

<head>

</head>

<body>

     <img src=”rata.gif”title=rata”/>

</a>

</body>

</html>

Después de insertar una imagen procedimos a modificar las dimensiones, como en el siguiente ejemplo:

<html>

<head>

</head>

<body>

     <img src=”rata.gif”width=”32″height=”32″”title=”Comedero”/>

</body>

</html>

 

Después de esto aprendimos lo de imágenes mas hipervínculos en los cuales tuve varias fallas ya que  no me salían a la primera, intente mas de dos veces  para obtener el resultado deseado.

Ejemplo:

<html>

<body>

Gracias por visitar mi pagina web.<br>

<a href=”http://www.ipn.mx”/

<img src=”ipn.jpg”alt=”IPN”>

</a>

</body>

</html>