SlideShare una empresa de Scribd logo
1 de 4
COLEGIO NACIONAL NICOLAS ESGUERRA
Edificando futuro
JULIANESTEBAN MELO RODRIGUEZ
FERNEY SANTIAGO MAZA HERNANDEZ 905
PAGINA WEB 4
IMÁGENES
Imagen <img>
Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten
mejorar su apariencia, o dotarla de una mayor información visual.
EJEMPLO
<img src="imagenes/logo_animales.gif">
Texto alternativo
Cuando una imagen no puede ser visualizada en el navegador, cosa que puede ocurrir al
especificar mal el valor del atributo src, aparece un recuadro blanco con una X roja en su
lugar, junto con el nombre de la imagen.
EJEMPLO
<img src="gatito.gif" alt="Imagen gato" >
Borde de una imagen
En general, al visualizar una página en un navegador las imágenes aparecen sin ningún
borde alrededor, pero es posible establecer uno a través del atributo border.
EJEMPLO
<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.
EJEMPLO
<img src="imagenes/logo_animales.gif" width="200" height="80">
Resultado
Código
Mipaginaweb4 151002205637-lva1-app6891

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
pagina web IV
pagina web IVpagina web IV
pagina web IV
 
Html trabajo 4 904 informatica JR JM
Html trabajo 4 904 informatica  JR JMHtml trabajo 4 904 informatica  JR JM
Html trabajo 4 904 informatica JR JM
 
Imagenes
ImagenesImagenes
Imagenes
 
Producto 4 etiquetas de texto editado
Producto 4 etiquetas de texto editadoProducto 4 etiquetas de texto editado
Producto 4 etiquetas de texto editado
 
Pagina web lV
Pagina web lVPagina web lV
Pagina web lV
 
3
33
3
 
Imagen &lt;img>
Imagen &lt;img>Imagen &lt;img>
Imagen &lt;img>
 
Peres el dios
Peres el diosPeres el dios
Peres el dios
 
Dvbgsdbf
DvbgsdbfDvbgsdbf
Dvbgsdbf
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Imagenes
ImagenesImagenes
Imagenes
 
ñ{ññññ
ñ{ñññññ{ññññ
ñ{ññññ
 
Pagina Web 4
Pagina Web 4 Pagina Web 4
Pagina Web 4
 
Semana 3 Responsive Design y Media Queries
Semana 3   Responsive Design y Media QueriesSemana 3   Responsive Design y Media Queries
Semana 3 Responsive Design y Media Queries
 
Colegio nacional nicolas4
Colegio nacional nicolas4Colegio nacional nicolas4
Colegio nacional nicolas4
 

Destacado (20)

edouardo_recomandation
edouardo_recomandationedouardo_recomandation
edouardo_recomandation
 
SEO Certificate
SEO CertificateSEO Certificate
SEO Certificate
 
01 Yanbu-pradeep
01 Yanbu-pradeep01 Yanbu-pradeep
01 Yanbu-pradeep
 
Toowoomba life
Toowoomba lifeToowoomba life
Toowoomba life
 
Apresentação eproinfo
Apresentação eproinfoApresentação eproinfo
Apresentação eproinfo
 
Reference letter from SBM Mr. Raymond Kensett
Reference letter from SBM Mr. Raymond KensettReference letter from SBM Mr. Raymond Kensett
Reference letter from SBM Mr. Raymond Kensett
 
Codesa Letter
Codesa LetterCodesa Letter
Codesa Letter
 
eCertificate.pdf.b6x7o53
eCertificate.pdf.b6x7o53eCertificate.pdf.b6x7o53
eCertificate.pdf.b6x7o53
 
Torshau's Degree
Torshau's DegreeTorshau's Degree
Torshau's Degree
 
Test
TestTest
Test
 
7
77
7
 
bedroom
bedroombedroom
bedroom
 
WE_shouldDoBusiness
WE_shouldDoBusinessWE_shouldDoBusiness
WE_shouldDoBusiness
 
WHO GMP
WHO GMPWHO GMP
WHO GMP
 
Tuto Git
Tuto GitTuto Git
Tuto Git
 
10principios
10principios10principios
10principios
 
RAHUL KANNA
RAHUL KANNARAHUL KANNA
RAHUL KANNA
 
BSC HONCON
BSC HONCONBSC HONCON
BSC HONCON
 
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWDNOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
 
Recommendation letter - Danica Jankovic
Recommendation letter - Danica JankovicRecommendation letter - Danica Jankovic
Recommendation letter - Danica Jankovic
 

Similar a Mipaginaweb4 151002205637-lva1-app6891 (15)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
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 ivPagina web iv
Pagina web iv
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
pagina web IV
pagina web IV pagina web IV
pagina web IV
 
Html iv
Html ivHtml iv
Html iv
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
36647
3664736647
36647
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerra
 
Imagenes
ImagenesImagenes
Imagenes
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Hhh .l.
Hhh .l.Hhh .l.
Hhh .l.
 
Niolas percho
Niolas perchoNiolas percho
Niolas percho
 
Web IV
Web IVWeb IV
Web IV
 

Más de Santiago Maza

Más de Santiago Maza (6)

Pagina web 2
Pagina web 2Pagina web 2
Pagina web 2
 
Presentación2
Presentación2Presentación2
Presentación2
 
Ferney maza hernadez
Ferney maza hernadezFerney maza hernadez
Ferney maza hernadez
 
Presentación1
Presentación1Presentación1
Presentación1
 
Logo
LogoLogo
Logo
 
Ferney maza hernadez
Ferney maza hernadezFerney maza hernadez
Ferney maza hernadez
 

Último

Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 

Último (20)

Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 

Mipaginaweb4 151002205637-lva1-app6891

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA Edificando futuro JULIANESTEBAN MELO RODRIGUEZ FERNEY SANTIAGO MAZA HERNANDEZ 905 PAGINA WEB 4 IMÁGENES Imagen <img> Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual. EJEMPLO <img src="imagenes/logo_animales.gif"> Texto alternativo Cuando una imagen no puede ser visualizada en el navegador, cosa que puede ocurrir al especificar mal el valor del atributo src, aparece un recuadro blanco con una X roja en su lugar, junto con el nombre de la imagen. EJEMPLO <img src="gatito.gif" alt="Imagen gato" >
  • 2. Borde de una imagen En general, al visualizar una página en un navegador las imágenes aparecen sin ningún borde alrededor, pero es posible establecer uno a través del atributo border. EJEMPLO <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. EJEMPLO <img src="imagenes/logo_animales.gif" width="200" height="80"> Resultado