SlideShare una empresa de Scribd logo
1 de 4
Colegio nacional nicolas esguerra
Edificamos futuro
Sebastian Andres Cantor Fuentes
Curso: 903
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.
Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha
etiqueta no necesita etiqueta de cierre.
El nombrede la imagen ha de especificarsea través del atributo src.
<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, apareceun recuadro
blanco con una X roja en su lugar, junto con el nombre de la imagen.
<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.
El atributo border puede tomar valores numéricos, queindican el grosor en
píxeles del borde.
<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 puedeinteresarnos 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
sobreel archivo de imagen, sino que lo que varía es la visualización de la
imagen en el navegador.
<img src="imagenes/logo_animales.gif" width="200" height="80">
Alineaciónde una imagen
RESULTADO
FORMULA
<html>
<head>
<title>CANON S.A 903</title>
</head>
<!-- Paginaelaboradapor:SebastianAndresCantorFuentes903//-->
<bodybgcolor="blue">
<hr>
<marquee>Nuestraempresalesbrindaungranproductode alta gama y calidad</marquee><br>
<br>
<fontcolor="EF4444" size="4"face="ComicSansMS"><B>CANON</B></font>
<fontcolor="black"size="2"face="ARIAL"><I><B>YouCan</I></B></font>
<hr>
<img src="imagenes/logo.png"alt="imagencanon"width="300"height="75"border="5">
<img src="imagenes/camara.jpg"alt="imagencamara"width="200"height="180"border="5">
<img src="imagenes/video.gif"alt="imagencamara"width="200"height="180" border="5">
<P ALING="CENTER">Canonesuna compañía japonesaespecializadaenproductos
ópticosy de captura y reproducciónde imágenes,que incluye fotografía,vídeo,
fotocopiadorase impresoras.Susede principal se localizaenTokio.
Es la empresalíderenfotografíaactualmente.Lacompañíafue fundadaen1937
por Goro Yoshiday su cuñadoSaburoUchida con el nombre de PrecisionOptical
InstrumentsLaboratory.
<P/>
<hr aling"center"width="50%"size="5"color="red"noshade>
<pre> Copyrigth2015
ColegioNacional NicolasEsguerra
Calle 7a #78c 54
canon@gmail.com
</body>
<html>

Más contenido relacionado

La actualidad más candente (18)

Pagina web lV
Pagina web lVPagina web lV
Pagina web lV
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
36647
3664736647
36647
 
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
 
WEB IV
WEB IVWEB IV
WEB IV
 
Html iv
Html ivHtml iv
Html iv
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
pagina web IV
pagina web IVpagina web IV
pagina web IV
 
Byb3
Byb3Byb3
Byb3
 
Hhh .l.
Hhh .l.Hhh .l.
Hhh .l.
 
pagina web IV
pagina web IV pagina web IV
pagina web IV
 
Brayan3
Brayan3Brayan3
Brayan3
 
Pagina web iv
Pagina web ivPagina web iv
Pagina web iv
 
Web IV
Web IVWeb IV
Web IV
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerra
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 

Similar a Imagenes (17)

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.
 
Imagenes
ImagenesImagenes
Imagenes
 
Colegio nacional nicolas4
Colegio nacional nicolas4Colegio nacional nicolas4
Colegio nacional nicolas4
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Martin lopoez 905
Martin lopoez 905Martin lopoez 905
Martin lopoez 905
 
Martin lopoez 905 30
Martin lopoez 905 30Martin lopoez 905 30
Martin lopoez 905 30
 
Byb3
Byb3Byb3
Byb3
 
Mi pagina web 4
Mi pagina web 4Mi pagina web 4
Mi pagina web 4
 
Mipaginaweb4 151002205637-lva1-app6891
Mipaginaweb4 151002205637-lva1-app6891Mipaginaweb4 151002205637-lva1-app6891
Mipaginaweb4 151002205637-lva1-app6891
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Pagina Web 4
Pagina Web 4 Pagina Web 4
Pagina Web 4
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Pio pio
Pio pioPio pio
Pio pio
 
Web
WebWeb
Web
 
Fdfdv dsvds
Fdfdv dsvdsFdfdv dsvds
Fdfdv dsvds
 

Más de Sebastian Fuentes (20)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Paque me crea Qcho
Paque me crea QchoPaque me crea Qcho
Paque me crea Qcho
 
Normas icontec
Normas icontec Normas icontec
Normas icontec
 
Sebastian andres cantor fuentes
Sebastian andres cantor fuentesSebastian andres cantor fuentes
Sebastian andres cantor fuentes
 
Tablas
TablasTablas
Tablas
 
Tablas Acces
Tablas AccesTablas Acces
Tablas Acces
 
Tablas acces
Tablas accesTablas acces
Tablas acces
 
Normas icontec
Normas icontec Normas icontec
Normas icontec
 
Cola max
Cola maxCola max
Cola max
 
Normas icontec
Normas icontec Normas icontec
Normas icontec
 
M nzxcx
M nzxcxM nzxcx
M nzxcx
 
Colegio nacional
Colegio nacionalColegio nacional
Colegio nacional
 
Software lego mindstorm nxt
Software lego mindstorm nxtSoftware lego mindstorm nxt
Software lego mindstorm nxt
 
Facturas
FacturasFacturas
Facturas
 
Excel celdas
Excel celdasExcel celdas
Excel celdas
 
Presentación4
Presentación4Presentación4
Presentación4
 
Presentación4
Presentación4Presentación4
Presentación4
 
Portada
PortadaPortada
Portada
 

Último

TEMA 6 LA II REPÚBLICA (1931-1936)_.pdf
TEMA 6         LA II REPÚBLICA (1931-1936)_.pdfTEMA 6         LA II REPÚBLICA (1931-1936)_.pdf
TEMA 6 LA II REPÚBLICA (1931-1936)_.pdfanagc806
 
CAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.ppt
CAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.pptCAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.ppt
CAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.pptSandraCardenas92
 
Clase de Aines - Terapeutica médica eToxicologia
Clase de Aines - Terapeutica médica eToxicologiaClase de Aines - Terapeutica médica eToxicologia
Clase de Aines - Terapeutica médica eToxicologiaRaphaelCruz46
 
SISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptx
SISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptxSISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptx
SISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptxGenaroElmerSifuentes6
 
dermatitis de contacto dermatologia irritativa
dermatitis de contacto dermatologia irritativadermatitis de contacto dermatologia irritativa
dermatitis de contacto dermatologia irritativaDamiiHernandez
 
IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...
IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...
IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...MarcoFlores940553
 
Sesión - Vacunación del Adulto (Revisión tema).pdf
Sesión - Vacunación del Adulto (Revisión tema).pdfSesión - Vacunación del Adulto (Revisión tema).pdf
Sesión - Vacunación del Adulto (Revisión tema).pdfLas Sesiones de San Blas
 
PROYECTO 3 4 5 AÑOS del nivel inicial
PROYECTO    3 4 5 AÑOS del nivel inicialPROYECTO    3 4 5 AÑOS del nivel inicial
PROYECTO 3 4 5 AÑOS del nivel inicialArtemisaReateguiCaro
 
Indicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptx
Indicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptxIndicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptx
Indicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptx Estefa RM9
 

Último (9)

TEMA 6 LA II REPÚBLICA (1931-1936)_.pdf
TEMA 6         LA II REPÚBLICA (1931-1936)_.pdfTEMA 6         LA II REPÚBLICA (1931-1936)_.pdf
TEMA 6 LA II REPÚBLICA (1931-1936)_.pdf
 
CAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.ppt
CAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.pptCAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.ppt
CAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.ppt
 
Clase de Aines - Terapeutica médica eToxicologia
Clase de Aines - Terapeutica médica eToxicologiaClase de Aines - Terapeutica médica eToxicologia
Clase de Aines - Terapeutica médica eToxicologia
 
SISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptx
SISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptxSISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptx
SISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptx
 
dermatitis de contacto dermatologia irritativa
dermatitis de contacto dermatologia irritativadermatitis de contacto dermatologia irritativa
dermatitis de contacto dermatologia irritativa
 
IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...
IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...
IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...
 
Sesión - Vacunación del Adulto (Revisión tema).pdf
Sesión - Vacunación del Adulto (Revisión tema).pdfSesión - Vacunación del Adulto (Revisión tema).pdf
Sesión - Vacunación del Adulto (Revisión tema).pdf
 
PROYECTO 3 4 5 AÑOS del nivel inicial
PROYECTO    3 4 5 AÑOS del nivel inicialPROYECTO    3 4 5 AÑOS del nivel inicial
PROYECTO 3 4 5 AÑOS del nivel inicial
 
Indicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptx
Indicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptxIndicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptx
Indicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptx
 

Imagenes

  • 1. Colegio nacional nicolas esguerra Edificamos futuro Sebastian Andres Cantor Fuentes Curso: 903 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. Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre. El nombrede la imagen ha de especificarsea través del atributo src. <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, apareceun recuadro blanco con una X roja en su lugar, junto con el nombre de la imagen. <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. El atributo border puede tomar valores numéricos, queindican el grosor en píxeles del borde. <img src="imagenes/logo_animales.gif" border="4" >
  • 2. Tamaño de una imagen Cuando insertamos una imagen, esta se muestra en los navegadores con su tamaño original, pero por diversos motivos puedeinteresarnos 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 sobreel archivo de imagen, sino que lo que varía es la visualización de la imagen en el navegador. <img src="imagenes/logo_animales.gif" width="200" height="80"> Alineaciónde una imagen
  • 4. FORMULA <html> <head> <title>CANON S.A 903</title> </head> <!-- Paginaelaboradapor:SebastianAndresCantorFuentes903//--> <bodybgcolor="blue"> <hr> <marquee>Nuestraempresalesbrindaungranproductode alta gama y calidad</marquee><br> <br> <fontcolor="EF4444" size="4"face="ComicSansMS"><B>CANON</B></font> <fontcolor="black"size="2"face="ARIAL"><I><B>YouCan</I></B></font> <hr> <img src="imagenes/logo.png"alt="imagencanon"width="300"height="75"border="5"> <img src="imagenes/camara.jpg"alt="imagencamara"width="200"height="180"border="5"> <img src="imagenes/video.gif"alt="imagencamara"width="200"height="180" border="5"> <P ALING="CENTER">Canonesuna compañía japonesaespecializadaenproductos ópticosy de captura y reproducciónde imágenes,que incluye fotografía,vídeo, fotocopiadorase impresoras.Susede principal se localizaenTokio. Es la empresalíderenfotografíaactualmente.Lacompañíafue fundadaen1937 por Goro Yoshiday su cuñadoSaburoUchida con el nombre de PrecisionOptical InstrumentsLaboratory. <P/> <hr aling"center"width="50%"size="5"color="red"noshade> <pre> Copyrigth2015 ColegioNacional NicolasEsguerra Calle 7a #78c 54 canon@gmail.com </body> <html>