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.
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>
<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>

Web

  • 1.
    COLEGIO NICOLASESGUERRA Brayan pulido Cristianbarrera 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: <imgsrc="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"> <imgsrc="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>