SlideShare una empresa de Scribd logo
1 de 2
COLEGIO NACIONAL NICOLAS ESGUERRA
ANDRES FELIPE MANTILLA QUINTERO
MAURY ORCUE
N#3
IMAJEN
Todas laspáginaswebacostumbrana tenerunciertonúmerode imágenes,que permitenmejorar
su apariencia,odotarlade una mayor informaciónvisual.
Para insertarunaimagenesnecesarioinsertarlaetiqueta <img>.Dichaetiquetanonecesita
etiquetade cierre.
El nombre de la imagenhade especificarseatravésdel atributo src.
Por ejemplo,parainsertarlasiguiente imagen:
PARA GENERAR UN BORDE EN UNA IMAGEN
En general,al visualizarunapáginaenunnavegadorlasimágenesaparecensinningúnborde
alrededor,peroesposibleestablecerunoatravésdel atributo border.
El atributoborderpuede tomarvaloresnuméricos,que indicanel grosorenpíxelesdel borde.
Por ejemplo,parainsertarlasiguiente imagenconborde:
PARA AGRANDAR LA IMAGEN O REDUCIRLA
Cuandoinsertamosunaimagen,estase muestraenlosnavegadoresconsutamañooriginal,pero
por diversosmotivospuede interesarnosmodificardichotamaño.
A travésde losatributos width(anchura) y height(altura) puede modificarse el tamañode la
imagen.Dichocambiode tamañono se aplicadirectamente sobre el archivode imagen,sinoque
loque varía esla visualizaciónde laimagenenel navegador.
El valorque puedentomarlosatributos widthyheighthade ser un número,acompañadode %
cuandose desee que seaenporcentaje conrespectoalapágina.
Por ejemplo,parainsertarlasiguiente imagen(cuyotamañooriginalerade 122 píxelesde anchura
y 71 píxelesde altura) con200 píxelesde anchuray 80 píxelesde altura
HABRIA QUE ESCRIBIR
<img src="imagenes/logo_animales.gif" width="200" height="80">
PARA ALINEARIMAJEN

Más contenido relacionado

Similar a Inf #1 (20)

Hhh .l.
Hhh .l.Hhh .l.
Hhh .l.
 
Wweb 3
Wweb 3Wweb 3
Wweb 3
 
Colegio nacional nicolas esguerrra
Colegio nacional nicolas esguerrraColegio nacional nicolas esguerrra
Colegio nacional nicolas esguerrra
 
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.
 
Pio pio
Pio pioPio pio
Pio pio
 
imagenes
imagenesimagenes
imagenes
 
987+ m47
987+ m47987+ m47
987+ m47
 
Web
WebWeb
Web
 
Taller4
Taller4Taller4
Taller4
 
36647
3664736647
36647
 
ñ{ññññ
ñ{ñññññ{ññññ
ñ{ññññ
 
Pagina Web 4
Pagina Web 4 Pagina Web 4
Pagina Web 4
 
Fdfdv dsvds
Fdfdv dsvdsFdfdv dsvds
Fdfdv dsvds
 
Rtgfvgbvyh (1)
Rtgfvgbvyh (1)Rtgfvgbvyh (1)
Rtgfvgbvyh (1)
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Pagina web 4.
Pagina web 4.Pagina web 4.
Pagina web 4.
 
Html iv
Html ivHtml iv
Html iv
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Peres el dios
Peres el diosPeres el dios
Peres el dios
 
Imagenes
ImagenesImagenes
Imagenes
 

Más de Andres Felipe Mantilla Quintero (20)

Inf #1
Inf #1Inf #1
Inf #1
 
Edificamos futuro
Edificamos futuroEdificamos futuro
Edificamos futuro
 
Precentacion 2.4 a
Precentacion 2.4 aPrecentacion 2.4 a
Precentacion 2.4 a
 
Precentacion 2.4
Precentacion 2.4Precentacion 2.4
Precentacion 2.4
 
Presentación 2.3
Presentación 2.3Presentación 2.3
Presentación 2.3
 
Precentacion 2.2
Precentacion 2.2Precentacion 2.2
Precentacion 2.2
 
Presentación2.1
Presentación2.1Presentación2.1
Presentación2.1
 
Presentación 2
Presentación 2Presentación 2
Presentación 2
 
Trabajo en clase
Trabajo en claseTrabajo en clase
Trabajo en clase
 
Escudo
EscudoEscudo
Escudo
 
Paso a paso
Paso a pasoPaso a paso
Paso a paso
 
Facturas
FacturasFacturas
Facturas
 
Facturas
FacturasFacturas
Facturas
 
Numeros telefonicos
Numeros telefonicosNumeros telefonicos
Numeros telefonicos
 
Popo
PopoPopo
Popo
 
Tabla de multiplicar
Tabla de multiplicarTabla de multiplicar
Tabla de multiplicar
 
Popo
PopoPopo
Popo
 
Angri birds 2
Angri birds 2Angri birds 2
Angri birds 2
 
Pantera y angri virds (1)
Pantera y angri virds (1)Pantera y angri virds (1)
Pantera y angri virds (1)
 
Herramientas
HerramientasHerramientas
Herramientas
 

Último

CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
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
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
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
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024AndreRiva2
 
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
 
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
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
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
 

Último (20)

CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
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
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
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
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
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
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024UNIDAD DPCC. 2DO. DE  SECUNDARIA DEL 2024
UNIDAD DPCC. 2DO. DE SECUNDARIA DEL 2024
 
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
 
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
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.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
 

Inf #1

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA ANDRES FELIPE MANTILLA QUINTERO MAURY ORCUE N#3 IMAJEN Todas laspáginaswebacostumbrana tenerunciertonúmerode imágenes,que permitenmejorar su apariencia,odotarlade una mayor informaciónvisual. Para insertarunaimagenesnecesarioinsertarlaetiqueta <img>.Dichaetiquetanonecesita etiquetade cierre. El nombre de la imagenhade especificarseatravésdel atributo src. Por ejemplo,parainsertarlasiguiente imagen: PARA GENERAR UN BORDE EN UNA IMAGEN En general,al visualizarunapáginaenunnavegadorlasimágenesaparecensinningúnborde alrededor,peroesposibleestablecerunoatravésdel atributo border. El atributoborderpuede tomarvaloresnuméricos,que indicanel grosorenpíxelesdel borde. Por ejemplo,parainsertarlasiguiente imagenconborde:
  • 2. PARA AGRANDAR LA IMAGEN O REDUCIRLA Cuandoinsertamosunaimagen,estase muestraenlosnavegadoresconsutamañooriginal,pero por diversosmotivospuede interesarnosmodificardichotamaño. A travésde losatributos width(anchura) y height(altura) puede modificarse el tamañode la imagen.Dichocambiode tamañono se aplicadirectamente sobre el archivode imagen,sinoque loque varía esla visualizaciónde laimagenenel navegador. El valorque puedentomarlosatributos widthyheighthade ser un número,acompañadode % cuandose desee que seaenporcentaje conrespectoalapágina. Por ejemplo,parainsertarlasiguiente imagen(cuyotamañooriginalerade 122 píxelesde anchura y 71 píxelesde altura) con200 píxelesde anchuray 80 píxelesde altura HABRIA QUE ESCRIBIR <img src="imagenes/logo_animales.gif" width="200" height="80"> PARA ALINEARIMAJEN