SlideShare una empresa de Scribd logo
1 de 3
COLEGIO NICOLASESGUERRA
JUANDIEGO CARDENAS PERDOMO
MIGUELESTEBAN RINCONPARRA
DANIEL CARDOZO PEREZ
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és del 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 entoncesyhasta laactualidadtodoslosbalonesde 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>

Más contenido relacionado

Destacado

Verteilte Versionskontrolle in der Praxis
Verteilte Versionskontrolle in der PraxisVerteilte Versionskontrolle in der Praxis
Verteilte Versionskontrolle in der PraxisDirk Haun
 
Goldmedia Präsentation Web TV - ConLife Köln 30.06.2011
Goldmedia Präsentation Web TV - ConLife Köln 30.06.2011Goldmedia Präsentation Web TV - ConLife Köln 30.06.2011
Goldmedia Präsentation Web TV - ConLife Köln 30.06.2011Goldmedia Group
 
Tmw20092 michelsen.d
Tmw20092 michelsen.dTmw20092 michelsen.d
Tmw20092 michelsen.dnavaidkhan
 
OGD an der Universität Bern: Erfahrungen aus der ersten Open Data-Vorlesung
OGD an der Universität Bern: Erfahrungen aus der ersten Open Data-VorlesungOGD an der Universität Bern: Erfahrungen aus der ersten Open Data-Vorlesung
OGD an der Universität Bern: Erfahrungen aus der ersten Open Data-VorlesungMatthias Stürmer
 
Kapitel 8 Raising Venture Capital Michael Altendorf FH Salzburg SS2010
Kapitel 8 Raising Venture Capital Michael Altendorf FH Salzburg SS2010Kapitel 8 Raising Venture Capital Michael Altendorf FH Salzburg SS2010
Kapitel 8 Raising Venture Capital Michael Altendorf FH Salzburg SS2010Michael Altendorf
 
Rolle von E-Teacher/-innen in medialen Lehr-Lern-Szenarien
Rolle von E-Teacher/-innen in medialen Lehr-Lern-SzenarienRolle von E-Teacher/-innen in medialen Lehr-Lern-Szenarien
Rolle von E-Teacher/-innen in medialen Lehr-Lern-SzenarienJörg Hafer
 
Trabajo de plantilla actualizado very actualizado 3
Trabajo de plantilla actualizado very actualizado 3Trabajo de plantilla actualizado very actualizado 3
Trabajo de plantilla actualizado very actualizado 3Pipe Estrada
 
Como hacer una mini agendapor keny damaris torres
Como hacer una mini agendapor  keny  damaris torresComo hacer una mini agendapor  keny  damaris torres
Como hacer una mini agendapor keny damaris torreskeny_torres
 

Destacado (20)

Verteilte Versionskontrolle in der Praxis
Verteilte Versionskontrolle in der PraxisVerteilte Versionskontrolle in der Praxis
Verteilte Versionskontrolle in der Praxis
 
Secondment - Legal Interim Management
Secondment  - Legal Interim ManagementSecondment  - Legal Interim Management
Secondment - Legal Interim Management
 
1ra unidad
1ra unidad1ra unidad
1ra unidad
 
In Game Advertising
In Game AdvertisingIn Game Advertising
In Game Advertising
 
Goldmedia Präsentation Web TV - ConLife Köln 30.06.2011
Goldmedia Präsentation Web TV - ConLife Köln 30.06.2011Goldmedia Präsentation Web TV - ConLife Köln 30.06.2011
Goldmedia Präsentation Web TV - ConLife Köln 30.06.2011
 
Tmw20092 michelsen.d
Tmw20092 michelsen.dTmw20092 michelsen.d
Tmw20092 michelsen.d
 
Wiki
WikiWiki
Wiki
 
OGD an der Universität Bern: Erfahrungen aus der ersten Open Data-Vorlesung
OGD an der Universität Bern: Erfahrungen aus der ersten Open Data-VorlesungOGD an der Universität Bern: Erfahrungen aus der ersten Open Data-Vorlesung
OGD an der Universität Bern: Erfahrungen aus der ersten Open Data-Vorlesung
 
memoria 6
memoria 6memoria 6
memoria 6
 
Punto 15 9
Punto 15 9Punto 15 9
Punto 15 9
 
Gdj
GdjGdj
Gdj
 
Kapitel 8 Raising Venture Capital Michael Altendorf FH Salzburg SS2010
Kapitel 8 Raising Venture Capital Michael Altendorf FH Salzburg SS2010Kapitel 8 Raising Venture Capital Michael Altendorf FH Salzburg SS2010
Kapitel 8 Raising Venture Capital Michael Altendorf FH Salzburg SS2010
 
Rolle von E-Teacher/-innen in medialen Lehr-Lern-Szenarien
Rolle von E-Teacher/-innen in medialen Lehr-Lern-SzenarienRolle von E-Teacher/-innen in medialen Lehr-Lern-Szenarien
Rolle von E-Teacher/-innen in medialen Lehr-Lern-Szenarien
 
Trabajo de plantilla actualizado very actualizado 3
Trabajo de plantilla actualizado very actualizado 3Trabajo de plantilla actualizado very actualizado 3
Trabajo de plantilla actualizado very actualizado 3
 
Energia Marina Alessia
Energia Marina Alessia Energia Marina Alessia
Energia Marina Alessia
 
Como hacer una mini agendapor keny damaris torres
Como hacer una mini agendapor  keny  damaris torresComo hacer una mini agendapor  keny  damaris torres
Como hacer una mini agendapor keny damaris torres
 
Bullyin fernanda aguirre
Bullyin fernanda aguirreBullyin fernanda aguirre
Bullyin fernanda aguirre
 
El rector
El rector El rector
El rector
 
Trabajo
TrabajoTrabajo
Trabajo
 
Codigos Qr
Codigos Qr Codigos Qr
Codigos Qr
 

Similar a imagenes (20)

Web
WebWeb
Web
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Imagenes
ImagenesImagenes
Imagenes
 
Imagenes
ImagenesImagenes
Imagenes
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Hhh .l.
Hhh .l.Hhh .l.
Hhh .l.
 
Imagenes
ImagenesImagenes
Imagenes
 
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.
 
ñ{ññññ
ñ{ñññññ{ññññ
ñ{ññññ
 
Pagina web lV
Pagina web lVPagina web lV
Pagina web lV
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Pagina web 4.
Pagina web 4.Pagina web 4.
Pagina web 4.
 
pagina web IV
pagina web IV pagina web IV
pagina web IV
 
Html iv
Html ivHtml iv
Html iv
 
3
33
3
 
Peres el dios
Peres el diosPeres el dios
Peres el dios
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerrra
Colegio nacional nicolas esguerrraColegio nacional nicolas esguerrra
Colegio nacional nicolas esguerrra
 
Rtgfvgbvyh (1)
Rtgfvgbvyh (1)Rtgfvgbvyh (1)
Rtgfvgbvyh (1)
 
Colegio nacional nicolas4
Colegio nacional nicolas4Colegio nacional nicolas4
Colegio nacional nicolas4
 

Más de jcardenasperdomo (20)

trabajo
trabajotrabajo
trabajo
 
Index4
Index4 Index4
Index4
 
Index3
Index3 Index3
Index3
 
Index2
Index2 Index2
Index2
 
Tablas
Tablas Tablas
Tablas
 
Tablas html
Tablas htmlTablas html
Tablas html
 
Index 4
Index 4Index 4
Index 4
 
Index 3
Index 3Index 3
Index 3
 
Index 2
Index 2Index 2
Index 2
 
TEXTO HTML
TEXTO HTMLTEXTO HTML
TEXTO HTML
 
IMAGENES HTML
IMAGENES HTMLIMAGENES HTML
IMAGENES HTML
 
PORTADA 4 PERIODO
PORTADA 4 PERIODOPORTADA 4 PERIODO
PORTADA 4 PERIODO
 
HTML MARQUEE ETC
HTML MARQUEE ETCHTML MARQUEE ETC
HTML MARQUEE ETC
 
Html
HtmlHtml
Html
 
EVIDENCIA BASE DE DATOS
EVIDENCIA BASE DE DATOSEVIDENCIA BASE DE DATOS
EVIDENCIA BASE DE DATOS
 
Nordef
NordefNordef
Nordef
 
NORMAS ICONTEC
NORMAS ICONTECNORMAS ICONTEC
NORMAS ICONTEC
 
Plantilla Normas Icontec
Plantilla Normas IcontecPlantilla Normas Icontec
Plantilla Normas Icontec
 
Problema base de datos
Problema base de datosProblema base de datos
Problema base de datos
 
Plantilla normas icontec
Plantilla normas icontecPlantilla normas icontec
Plantilla normas icontec
 

Último

FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDUgustavorojas179704
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdfOswaldoGonzalezCruz
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIAAbelardoVelaAlbrecht1
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 

Último (20)

FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 

imagenes

  • 1. COLEGIO NICOLASESGUERRA JUANDIEGO CARDENAS PERDOMO MIGUELESTEBAN RINCONPARRA DANIEL CARDOZO PEREZ 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és del 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 entoncesyhasta laactualidadtodoslosbalonesde 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>