SlideShare ist ein Scribd-Unternehmen logo
1 von 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>

Weitere ähnliche Inhalte

Andere mochten auch

Tmw20092 michelsen.d
Tmw20092 michelsen.dTmw20092 michelsen.d
Tmw20092 michelsen.d
navaidkhan
 
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
Matthias Stürmer
 
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
Jörg Hafer
 
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
keny_torres
 

Andere mochten auch (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
 

Ähnlich wie 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
 

Mehr von 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
 

Kürzlich hochgeladen

PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
EduardoJosVargasCama1
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
amelia poma
 

Kürzlich hochgeladen (20)

La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdf
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdfFICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
 
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptxPLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 

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>