Colegio Esguerra Página Imágenes
•Descargar como DOCX, PDF•
0 recomendaciones•146 vistas
Este documento presenta información sobre cómo insertar y modificar imágenes en páginas web. Explica cómo agregar imágenes usando la etiqueta <img> y cómo cambiar atributos como el tamaño, borde y texto alternativo de las imágenes. También incluye el código HTML de una página web de ejemplo sobre una empresa deportiva.
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (19)
Destacado
Destacado (18)
Similar a Colegio Esguerra Página Imágenes
Similar a Colegio Esguerra Página Imágenes (17)
Más de Santiago Sanchez
Último
Último (20)
Colegio Esguerra Página Imágenes
- 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO SANTIAGO SANCHEZ SEBASTIAN SALAMANCA PAGINAWEB IV IMAGENES Todas las páginas web acostumbran a tener un ciertonúmerode 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. Habría que escribir: <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.
- 2. 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, paraello insertamos el siguiente código: <img src="gatito.gif" alt="Imagen gato" > Si en lugar del código anterior hubiéramos insertadoel siguiente código: <img src="imagenes/gatito.gif" alt="Imagen gato" > Borde de una imagen En general, al visualizar una página en un navegadorlas imágenes aparecen sin ningún borde alrededor, pero es posible establecer uno a través del atributoborder. El atributo border puede tomar valores numéricos, que indican el grosor en píxeles del borde. Por ejemplo, para insertar la siguiente imagen con borde: Habría que escribir:
- 3. <img src="imagenes/logo_animales.gif" border="4" > Tamaño de una imagen Cuando insertamos una imagen, esta se muestra en los navegadores con su tamaño original, pero por diversos motivos puede interesarnos modificar dichotamaño. Por ejemplo, para insertar la siguiente imagen (cuyo tamaño original era de 122 píxeles de anchura y 71 píxeles de altura) con 200 píxeles de anchura y 80 píxeles de altura: Habría que escribir: <img src="imagenes/logo_animales.gif" width="200" height="80">
- 4. <HTML> <HEAD> <TITLE>PASION DEPORTE 905</TITLE> </HEAD> <I--PAGINA WEBELABORADA POR:SantiagoSanchezy SebastianSalamanca//--> <BODY BGCOLOR="#333333"> <hr> <MARQUEE bgcolor="WHITE" behavior="alternate"direction="right"><H1>BIENVENIDOSA NUESTRA WEB CORPORATIVA</marquee> <hr> <center> <imgsrc="imagenes/PASION.jpg"width="300"height="150"> <img src="imagenes/uniforme.png"width="300"height="150"> <img src="imagenes/MERCURIAL.png"width="300"height="150"></center> <hr> <font color="black"size="6"face="comicsansMS"><B>PASION DEPORTE</B> </font> <font color="white"size="3"face="comicsansMS"><B>ARTICULOS DEPORTIVOS </B></I></font>
- 5. <BR> <P ALIGN="CENTER"> La empresaoriginalmente llamada"GebrüderDasslerSchuhfabrik"fue fundadaporAdolf "Adi" Dassler, en loscomienzosde ladécadade 1920 en Alemaniajuntoconlaayuda de su hermanoRudolf Dassler. Confeccionabanzapatillasypantuflas sinmarcaadquirida,ytambiéncalzadoconclavospara deportistas. Adi era el artistaintrovertidoyRudi el encargadode relacionespúblicas. Amboslograroncolocarsus productosenel equipoalemánde atletismo.Peroel golpemaestro fue fichara Jesse Owens, el atletaque deslumbróenlosJuegosOlímpicosde Berlínen1936 </P> <font color="black"size="6"face="comicsansMS"><B>PASION DEPORTE</B> </font> <font color="white"size="3"face="comicsansMS"><B>ARTICULOS DEPORTIVOS </B></I></font> <blockquote> NUESTRA EMPRESA LLEVA 10 AÑOSBRINDANDOLOSMEJORES PRODUCTOSDEPORTIVOS <hr> <hr align="center"width="50%"size="5"color="blue"noshade> <pre> copyright2015 COLEGIO NACIONALNICOLASESGUERRA CALLE 6 85 - 35 BOGOTA- COLOMBIA