SlideShare una empresa de Scribd logo
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

Similar a Pio pio

Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
mf_0529
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
andresfelipecepedanieto
 
Imagenes
ImagenesImagenes
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.
Juan Gutierrez
 
ñ{ññññ
ñ{ñññññ{ññññ
ñ{ññññ
Lux Holos Lux
 
Pagina web lV
Pagina web lVPagina web lV
Pagina web lV
jordan1001349513
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
Gabriel Velasquez
 
Pagina web 4.
Pagina web 4.Pagina web 4.
Pagina web 4.
juanesvs
 
pagina web IV
pagina web IV pagina web IV
Html iv
Html ivHtml iv
Html iv
dax lol
 
3
33
Peres el dios
Peres el diosPeres el dios
Peres el dios
ratasaurio1
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Cristian Valentin
 
Colegio nacional nicolas esguerrra
Colegio nacional nicolas esguerrraColegio nacional nicolas esguerrra
Colegio nacional nicolas esguerrra
sergioguzman013
 
Colegio nacional nicolas4
Colegio nacional nicolas4Colegio nacional nicolas4
Colegio nacional nicolas4
Rocnar
 

Similar a Pio pio (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 Miguel Esteban Rincon Parra (8)

Jk2
Jk2Jk2
Jk2
 
Jk
JkJk
Jk
 
Html word
Html wordHtml word
Html word
 
Portada 4 periodo
Portada 4 periodoPortada 4 periodo
Portada 4 periodo
 
Portada 4 periodo
Portada 4 periodoPortada 4 periodo
Portada 4 periodo
 
Portada 4 periodo
Portada 4 periodoPortada 4 periodo
Portada 4 periodo
 
Trabajo
TrabajoTrabajo
Trabajo
 
Trabajo
TrabajoTrabajo
Trabajo
 

Último

Introducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BIIntroducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BI
arleyo2006
 
Libro infantil sapo y sepo un año entero pdf
Libro infantil sapo y sepo un año entero pdfLibro infantil sapo y sepo un año entero pdf
Libro infantil sapo y sepo un año entero pdf
danitarb
 
Carlos salina de Gortari Presentación de su Sexenio
Carlos salina de Gortari Presentación de su SexenioCarlos salina de Gortari Presentación de su Sexenio
Carlos salina de Gortari Presentación de su Sexenio
johanpacheco9
 
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdfBlogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
lautyzaracho4
 
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdfAsistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Demetrio Ccesa Rayme
 
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
AracelidelRocioOrdez
 
1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx
1º GRADO CONCLUSIONES DESCRIPTIVAS  PRIMARIA.docx1º GRADO CONCLUSIONES DESCRIPTIVAS  PRIMARIA.docx
1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx
FelixCamachoGuzman
 
Junio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividadesJunio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividades
cintiat3400
 
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptxc3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
Martín Ramírez
 
Horarios Exámenes EVAU Ordinaria 2024 de Madrid
Horarios Exámenes EVAU Ordinaria 2024 de MadridHorarios Exámenes EVAU Ordinaria 2024 de Madrid
Horarios Exámenes EVAU Ordinaria 2024 de Madrid
20minutos
 
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJELA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
jecgjv
 
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
María Sánchez González (@cibermarikiya)
 
Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1
MauricioSnchez83
 
Semana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptxSemana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptx
LorenaCovarrubias12
 
Portafolio de servicios Centro de Educación Continua EPN
Portafolio de servicios Centro de Educación Continua EPNPortafolio de servicios Centro de Educación Continua EPN
Portafolio de servicios Centro de Educación Continua EPN
jmorales40
 
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptxNuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
lautyzaracho4
 
el pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdfel pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdf
almitamtz00
 
PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
https://gramadal.wordpress.com/
 
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
auxsoporte
 
MIP PAPA Rancha Papa.pdf.....y caracteristicas
MIP PAPA  Rancha Papa.pdf.....y caracteristicasMIP PAPA  Rancha Papa.pdf.....y caracteristicas
MIP PAPA Rancha Papa.pdf.....y caracteristicas
jheisonraulmedinafer
 

Último (20)

Introducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BIIntroducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BI
 
Libro infantil sapo y sepo un año entero pdf
Libro infantil sapo y sepo un año entero pdfLibro infantil sapo y sepo un año entero pdf
Libro infantil sapo y sepo un año entero pdf
 
Carlos salina de Gortari Presentación de su Sexenio
Carlos salina de Gortari Presentación de su SexenioCarlos salina de Gortari Presentación de su Sexenio
Carlos salina de Gortari Presentación de su Sexenio
 
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdfBlogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
 
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdfAsistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
 
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
Septima-Sesion-Ordinaria-del-Consejo-Tecnico-Escolar-y-el-Taller-Intensivo-de...
 
1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx
1º GRADO CONCLUSIONES DESCRIPTIVAS  PRIMARIA.docx1º GRADO CONCLUSIONES DESCRIPTIVAS  PRIMARIA.docx
1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx
 
Junio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividadesJunio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividades
 
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptxc3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
 
Horarios Exámenes EVAU Ordinaria 2024 de Madrid
Horarios Exámenes EVAU Ordinaria 2024 de MadridHorarios Exámenes EVAU Ordinaria 2024 de Madrid
Horarios Exámenes EVAU Ordinaria 2024 de Madrid
 
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJELA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
 
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
 
Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1
 
Semana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptxSemana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptx
 
Portafolio de servicios Centro de Educación Continua EPN
Portafolio de servicios Centro de Educación Continua EPNPortafolio de servicios Centro de Educación Continua EPN
Portafolio de servicios Centro de Educación Continua EPN
 
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptxNuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
 
el pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdfel pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdf
 
PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
 
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
 
MIP PAPA Rancha Papa.pdf.....y caracteristicas
MIP PAPA  Rancha Papa.pdf.....y caracteristicasMIP PAPA  Rancha Papa.pdf.....y caracteristicas
MIP PAPA Rancha Papa.pdf.....y caracteristicas
 

Pio pio

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