pagina web 4
TRANSCRIPT
Colegio nacional nicolas esguerraEdificamos futuro
Juan camilo ladino vallejoPágina web 4
Imagen <img>
Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual.
Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre.
En mi página copie esta imagen con el siguiente código
<img src="imagenes/logo_animales.gif">
Texto alternativo
Cuando una imagen no puede ser visualizada en el navegador, cosa que puede ocurrir al especificar mal el valor del atributo src, aparece un recuadro blanco con una X roja en su lugar, junto con el nombre de la imagen.
Podemos hacer que en lugar de mostrarse el nombre de la imagen aparezca el texto que nosotros deseemos, gracias al atributo alt.
Por ejemplo, imagina que deseamos mostrar una imagen llamada gatito.gif, con el texto alternativo Imagen gato, para ello insertamos el siguiente código:
<img src="gatito.gif" alt="Imagen gato" >
En mi caso puse una imagen gif con los mismop que decía el profesor
Borde de una imagen
Lo negro es el borde
Alineación de una imagen
Este cuadro nos indica como alinear las imágenes en micaso puse un gif de ejemplo abajo esta
Listo haora mi pagina web esta terminada deacuerdo con lo q ue el profesor dejo en clase
Estos son los resultados
<title>esta es mi tienda de automoviles S.A</title>
</head>
<!--pagina web elaborada por juan camilo ladino vallejo 904 //-->
<body bgcolor="000066">
<hr>
<MARQUEE><B><I>SEAN BIEVENIDOS A MI EMPRESA</B></I></MARQUEE><br>
<hr>
<H3> mi empresa brinda la mayor calidad de automoviles de todo el pais</H3><br>
<font color="990000" size="5" face="Arial"><b>bienvenidos a a mi tienda de compra y venta de carros</B></font>
<font color="ffff00" size="4" face="Arial"><b>recien llegado de europa el nuevo Hyundai i25 </B></font><br>
<img src="imagenes/índice.jpg "border="9" "width="200" height="180"><img src="comodidad.jpg"border="5" "width="200" height="180">
<img src="imagenes/giphyhgfytr.gif "border="9" "width="200" height="180"><img src="comodidad.jpg"border="5" "width="200" height="180">
<img src="imagenes/comodidad.jpg "border="9" "width="200" height="180"><img src="comodidad.jpg"border="5" "width="200" height="180">
<P ALIGN="CENTER">el nuevo hyundai i25 es de una exelnte calidad puesto q su comodidad es muy deseada por nustros comoradores el motor es lo ultimo en motores q hyundai a sacado en este 2015 ademas cuenta con un diseño ergonomico y su relacion calidad precio no disgustara a nuestros compradores en absoluto.</p>
<font color="cc0000" size="5" face="Cooper Black"><b>HYUNDAI</B></font>
<font color="000000" size="4" face="Segoe UI Black"><b>calidad y comodidad garantizada</B></font>
<img src="imagenes/images.jpg "border="10" "width="200" height="180"><img src="comodidad.jpg"border="5" "width="200" height="180">
<img src="imagenes/giphy.gif "border="10" "width="200" height="180"><img src="comodidad.jpg"border="5" "width="200" height="180">
<hr align="center" width="100%" size="10"color=660000" noshade>
<pre> copyrigh 2015
colegio nacional nicolas esguerra
CALLE 95 CRA 32 NO 184 BOGOTA COLOMBIA (al lado del c.c titan plaza)
[email protected]</pre>
</body>
</html>