El documento proporciona instrucciones sobre cómo insertar imágenes en HTML utilizando las etiquetas <img> y sus atributos src, alt, border, width y height. Explica que la etiqueta <img> no requiere etiqueta de cierre y que el atributo src especifica la ruta de la imagen. También cubre el uso de los atributos alt para texto alternativo, border para establecer bordes, y width y height para modificar el tamaño de la imagen mostrada en el navegador.
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Pio pio
1. COLEGIO NICOLASESGUERRA
Brayan pulido
Cristian barrera
Esteban rincon
IMÁGENES
Imagen <img>
Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no
necesita etiqueta de cierre.El nombre de la imagen ha de especificarse a través del
atributo src.
Habría que escribir:<img src="imagenes/logo_animales.gif">
Texto alternativo
Por ejemplo,imaginaque deseamosmostrarunaimagenllamadagatito.gif,conel texto
alternativoImagengato,paraelloinsertamosel siguientecódigo:
<img src="imagenes/gatito.gif"alt="Imagengato">
Borde de una imagen
En general,al visualizarunapáginaenunnavegadorlasimágenesaparecensinningúnborde
alrededor,peroesposibleestablecerunoatravésdel atributoborder.El atributoborderpuede
tomar valoresnuméricos,que indicanel grosorenpíxelesdel borde.
Habria que escribir:
<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 dicho tamaño.A través
de los atributos width (anchura) y height (altura) puede modificarse el tamaño de la
imagen. Dicho cambio de tamaño no se aplica directamente sobre el archivo de imagen,
sino que lo que varía es la visualización de la imagen en el navegador.
2. Habria que escribir:
<img src="imagenes/logo_animales.gif"width="200"height="80">
RESULTADO
CODIGO
<html>
<head>
<title>CHAMPIONSHOP902</title>
</head>
<!-- ESTA WEB FUE ELABORADA POR JUAN CARDENAS902 //-->
<body BGCOLOR="YELLOW">
<HR>
<marquee bgcolor="white"behavior="alternate"direction="right">
BIENVENIDOSA NUESTRA WEB CORPORATIVA<br></marquee>
<HR>
<fontcolor="black"size="8"face="Arial"><u>ADIDASsport</u></font><BR>
3. <img src="imagenes/adidaslogo.png"width="500"height="250">
<img src="imagenes/adidascuadrado.jpg"border="4"width="500"height="250">
<img src="imagenes/adidasx.jpg"alt="Imagenguayos""border="4""width="500"height="250">
<p>
En 1948 loshermanosDasslerse separan,Adi introduce "Adidas"comonombre oficial de la
empresacombinandosuapodoconel comienzode suapellido,eseneste momentocuandoAdi
pone ensu calzadoel inconfundiblesellode las3 bandas.Al mismotiemposuhermanofundauna
nuevaempresayla llama"Puma".Enladecadade los 60, Adidasempiezaafabricarropa deportiva
para la competiciónylosentrenamientos,lafabricaciónde balonesde futbol se iniciaen1963.Por
primeravez,unbalonAdidas,el "Telstar"se usacomo balonoficial de laCopadel mundo,desde
que la FIFA le encargópor primeravezunbalónde competiciónoficial conmotivode laCopa
Mundial de México,en1970 desde entoncesyhastalaactualidadtodoslosbalonesde futbol mas
importantesse marcancon balonesAdidas.
</p>
NUESTRA EMPRESA VENDEPRODUCTOS DEPORTIVOSA DEPORTISTASDE ALTO
RENDIMIENTO.<br>
<pre>
<hr algin="center"width="50%"size="5"COLOR="RED" noshade>
copyright2015
COLEGIO NACIONALNICOLASESGUERRA
CL 6B 80 - 96 BOGOTA COLOMBIA
</pre>
</body>
</html>