SlideShare una empresa de Scribd logo
1 de 6
COLEGIO NACIONAL
NICOLAS ESGUERRA
Nicolás Neisa 904
PAGINAS WEB IV
(IMÁGENES)
Imagen <img>
Todaslas páginas web acostumbran a tener un cierto númerode
imágenes,que permiten mejorar su apariencia,o dotarla de una
mayor informaciónvisual.
Para insertaruna imagen es necesario insertarla etiqueta <img>.
Dicha etiqueta no necesita etiqueta de cierre.
<img src="imagenes/slide.jpg">
Texto alternativo
Cuando una imagen no puede ser visualizada en el navegador,
cosa que puede ocurrir alespecificarmal el valor del atributo src,
aparece un recuadro blancocon una X roja en su lugar,junto con
el nombrede la imagen.
Podemoshacerque en lugar de mostrarse el nombrede la
imagen aparezca eltexto que nosotros deseemos,graciasal
atributo alt.
<img src="slide.jpg" alt=" Imagen repuesto " >
Borde de una imagen
En general,al visualizar una página en un navegadorlas
imágenesaparecen sin ningúnbordealrededor,pero es posible
establecer uno a través delatributo border.
El atributo border puede tomar valores numéricos,que indican el
grosoren píxeles del borde.
<img src="imagenes/slide.jpg" border="4">
Tamaño de una imagen
Cuando insertamos una imagen,esta se muestra en los
navegadorescon su tamaño original,pero por diversos motivos
puede interesarnosmodificar 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 elarchivo de imagen,sino que lo
que varía es la visualizaciónde la imagen en el navegador.
El valor que pueden tomar los atributos width y height ha de ser
un número,acompañadode % cuando se desee que sea en
porcentaje con respecto a la página.
<img src="imagenes/slide.jpg" border="4" width="400"
height="180">
Alineación de una imagen
La alineación delas imágenes se establecea través delatributo
align. Este atributo indica la alineación de las imágenescon
respecto a la línea de texto en la que se encuentran.
Yo no lo voy a alinear ni nada de eso :D
RESULTADO:
CODIGO:
<html>
<head>
<title> Ipermon </title>
</head>
<!-- pagina web elaborada por Nicolas Neisa :v //-->
<body bgcolor="E6E6FA">
<hr>
<b><H2><marquee><i>BIENVENIDO A MI WEB
CORPORATIVA</H2></b><br></marquee></i>
<hr>
Nuestra pagina web brinda servicios relacionadoscon
mecanica<br>
<font color="green" size="5" face="Comic SansMS,Arial, MS
Sans Serif">Ipermon test</font><br>
<p align="center"><h2>Lamecánica es la rama de la física que
estudia y analiza el movimiento y reposode los cuerpos,y su
evoluciónen el tiempo, bajo la acción de fuerzas.Modernamente
la mecánicaincluye la evolución de sistemas físicos más
generalesque los cuerpos másicos.En ese enfoque la mecánica
estudia también las ecuacionesde evolución temporalde
sistemas físicos como los camposelectromagnéticos o los
sistemas cuánticos donde propiamente no es correcto hablarde
cuerpos físicos.<h2></p>
<font color="Black" size="4" face="Comic SansMS,Arial, MS
Sans Serif">Repuestos</font><br>
<img src="imagenes/slide.jpg" border="4" width="400"
height="180">
<img src="imagenes/auto1.jpg" border="4" width="400"
height="180">
<hr align="left" width="100%" size="5" color="grey"
noshade>
<pre> Copyright2015
Colegio nacionalnicolas esguerra
cra80f#41h16 -sur bogota,col.
Nicky03369@gmail.com</pre>
</body>
</html>

Más contenido relacionado

La actualidad más candente (19)

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 4
Pagina web 4Pagina web 4
Pagina web 4
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
pagina web IV
pagina web IVpagina web IV
pagina web IV
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Imagenes
ImagenesImagenes
Imagenes
 
Byb3
Byb3Byb3
Byb3
 
Hhh .l.
Hhh .l.Hhh .l.
Hhh .l.
 
36647
3664736647
36647
 
ñ{ññññ
ñ{ñññññ{ññññ
ñ{ññññ
 
WEB IV
WEB IVWEB IV
WEB IV
 
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
 
Pagina web lV
Pagina web lVPagina web lV
Pagina web lV
 
Documento juan
Documento juanDocumento juan
Documento juan
 
Pagina web
Pagina webPagina web
Pagina web
 
pagina web IV
pagina web IV pagina web IV
pagina web IV
 
Colegio nacional nicolas4
Colegio nacional nicolas4Colegio nacional nicolas4
Colegio nacional nicolas4
 

Destacado (16)

g5rg5tr
g5rg5trg5rg5tr
g5rg5tr
 
Plantilla con-normas-icontec
Plantilla con-normas-icontec Plantilla con-normas-icontec
Plantilla con-normas-icontec
 
Pagina WEB (V)
Pagina WEB (V)Pagina WEB (V)
Pagina WEB (V)
 
Proceso administrativo
Proceso administrativoProceso administrativo
Proceso administrativo
 
Comunicación
ComunicaciónComunicación
Comunicación
 
Agile Project Grows
Agile Project GrowsAgile Project Grows
Agile Project Grows
 
Time Management
Time ManagementTime Management
Time Management
 
Supervisión en-las-organizaciones(1)
Supervisión en-las-organizaciones(1)Supervisión en-las-organizaciones(1)
Supervisión en-las-organizaciones(1)
 
The human rights
The human rightsThe human rights
The human rights
 
Motivación
MotivaciónMotivación
Motivación
 
Service design principles and patterns
Service design principles and patternsService design principles and patterns
Service design principles and patterns
 
Types of testing and their classification
Types of testing and their classificationTypes of testing and their classification
Types of testing and their classification
 
"Browser matters - der Browser zählt". Research Note von Axel Oppermann, Expe...
"Browser matters - der Browser zählt". Research Note von Axel Oppermann, Expe..."Browser matters - der Browser zählt". Research Note von Axel Oppermann, Expe...
"Browser matters - der Browser zählt". Research Note von Axel Oppermann, Expe...
 
Zimmermann Bast 070509
Zimmermann Bast 070509Zimmermann Bast 070509
Zimmermann Bast 070509
 
Access2010
Access2010Access2010
Access2010
 
Vbjt20072
Vbjt20072Vbjt20072
Vbjt20072
 

Similar a Dvbgsdbf (15)

Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Imagenes
ImagenesImagenes
Imagenes
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Html iv
Html ivHtml iv
Html iv
 
Byb3
Byb3Byb3
Byb3
 
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
 
Web IV
Web IVWeb IV
Web IV
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Imagen &lt;img>
Imagen &lt;img>Imagen &lt;img>
Imagen &lt;img>
 
Web 4
Web 4Web 4
Web 4
 
Brayan3
Brayan3Brayan3
Brayan3
 
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
 

Más de Nicolas Alejandro Neisa (20)

Web II
Web IIWeb II
Web II
 
Neisa
NeisaNeisa
Neisa
 
Sdcsdc
SdcsdcSdcsdc
Sdcsdc
 
Sefefeafaef
SefefeafaefSefefeafaef
Sefefeafaef
 
Programacion Lego Mindstorms NXT
Programacion Lego Mindstorms NXTProgramacion Lego Mindstorms NXT
Programacion Lego Mindstorms NXT
 
Presentación1
Presentación1Presentación1
Presentación1
 
Formulas 2
Formulas 2Formulas 2
Formulas 2
 
Formulas 1
Formulas 1Formulas 1
Formulas 1
 
Calcar con powerpoint (trabajo)
Calcar con powerpoint (trabajo)Calcar con powerpoint (trabajo)
Calcar con powerpoint (trabajo)
 
Tablas De Multiplicar
Tablas De MultiplicarTablas De Multiplicar
Tablas De Multiplicar
 
Lego Mindstorms
Lego MindstormsLego Mindstorms
Lego Mindstorms
 
Alex
AlexAlex
Alex
 
Pantera rosa
Pantera rosaPantera rosa
Pantera rosa
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 
Unidad 8
Unidad 8Unidad 8
Unidad 8
 
Formas!
Formas!Formas!
Formas!
 
Pollos
PollosPollos
Pollos
 
Animacion scratch
Animacion scratchAnimacion scratch
Animacion scratch
 
Neisahnxfh
NeisahnxfhNeisahnxfh
Neisahnxfh
 
Consejos Para PPT
Consejos Para PPTConsejos Para PPT
Consejos Para PPT
 

Último

Code name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdf
Code name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdfCode name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdf
Code name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdfnaladosol
 
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptxTEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptxAlbertSa3
 
Code name Anastasia parte - 1(1)-páginas-3.pdf
Code name Anastasia parte - 1(1)-páginas-3.pdfCode name Anastasia parte - 1(1)-páginas-3.pdf
Code name Anastasia parte - 1(1)-páginas-3.pdfnaladosol
 
Mujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdfMujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdfKeilly Merlo
 
Programación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdfProgramación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdf20minutos
 
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicossEL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicossLucasJohnHuntingford
 
(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...
(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...
(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...patriciooviedo3
 
Code name Anastasia parte - 1(1)-páginas-1.pdf
Code name Anastasia parte - 1(1)-páginas-1.pdfCode name Anastasia parte - 1(1)-páginas-1.pdf
Code name Anastasia parte - 1(1)-páginas-1.pdfnaladosol
 
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJORESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJOLuisFigueroa230128
 
Code name Anastasia parte -1(1)-páginas-4.pdf
Code name Anastasia parte -1(1)-páginas-4.pdfCode name Anastasia parte -1(1)-páginas-4.pdf
Code name Anastasia parte -1(1)-páginas-4.pdfnaladosol
 
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...univerzalworld
 

Último (11)

Code name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdf
Code name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdfCode name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdf
Code name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdf
 
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptxTEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
 
Code name Anastasia parte - 1(1)-páginas-3.pdf
Code name Anastasia parte - 1(1)-páginas-3.pdfCode name Anastasia parte - 1(1)-páginas-3.pdf
Code name Anastasia parte - 1(1)-páginas-3.pdf
 
Mujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdfMujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdf
 
Programación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdfProgramación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdf
 
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicossEL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
 
(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...
(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...
(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...
 
Code name Anastasia parte - 1(1)-páginas-1.pdf
Code name Anastasia parte - 1(1)-páginas-1.pdfCode name Anastasia parte - 1(1)-páginas-1.pdf
Code name Anastasia parte - 1(1)-páginas-1.pdf
 
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJORESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
 
Code name Anastasia parte -1(1)-páginas-4.pdf
Code name Anastasia parte -1(1)-páginas-4.pdfCode name Anastasia parte -1(1)-páginas-4.pdf
Code name Anastasia parte -1(1)-páginas-4.pdf
 
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
 

Dvbgsdbf

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA Nicolás Neisa 904 PAGINAS WEB IV (IMÁGENES) Imagen <img> Todaslas páginas web acostumbran a tener un cierto númerode imágenes,que permiten mejorar su apariencia,o dotarla de una mayor informaciónvisual. Para insertaruna imagen es necesario insertarla etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre. <img src="imagenes/slide.jpg">
  • 2. Texto alternativo Cuando una imagen no puede ser visualizada en el navegador, cosa que puede ocurrir alespecificarmal el valor del atributo src, aparece un recuadro blancocon una X roja en su lugar,junto con el nombrede la imagen. Podemoshacerque en lugar de mostrarse el nombrede la imagen aparezca eltexto que nosotros deseemos,graciasal atributo alt. <img src="slide.jpg" alt=" Imagen repuesto " > Borde de una imagen En general,al visualizar una página en un navegadorlas imágenesaparecen sin ningúnbordealrededor,pero es posible establecer uno a través delatributo border. El atributo border puede tomar valores numéricos,que indican el grosoren píxeles del borde. <img src="imagenes/slide.jpg" border="4">
  • 3. Tamaño de una imagen Cuando insertamos una imagen,esta se muestra en los navegadorescon su tamaño original,pero por diversos motivos puede interesarnosmodificar 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 elarchivo de imagen,sino que lo que varía es la visualizaciónde la imagen en el navegador. El valor que pueden tomar los atributos width y height ha de ser un número,acompañadode % cuando se desee que sea en porcentaje con respecto a la página. <img src="imagenes/slide.jpg" border="4" width="400" height="180"> Alineación de una imagen La alineación delas imágenes se establecea través delatributo align. Este atributo indica la alineación de las imágenescon respecto a la línea de texto en la que se encuentran.
  • 4. Yo no lo voy a alinear ni nada de eso :D RESULTADO: CODIGO: <html> <head> <title> Ipermon </title> </head>
  • 5. <!-- pagina web elaborada por Nicolas Neisa :v //--> <body bgcolor="E6E6FA"> <hr> <b><H2><marquee><i>BIENVENIDO A MI WEB CORPORATIVA</H2></b><br></marquee></i> <hr> Nuestra pagina web brinda servicios relacionadoscon mecanica<br> <font color="green" size="5" face="Comic SansMS,Arial, MS Sans Serif">Ipermon test</font><br> <p align="center"><h2>Lamecánica es la rama de la física que estudia y analiza el movimiento y reposode los cuerpos,y su evoluciónen el tiempo, bajo la acción de fuerzas.Modernamente la mecánicaincluye la evolución de sistemas físicos más generalesque los cuerpos másicos.En ese enfoque la mecánica estudia también las ecuacionesde evolución temporalde sistemas físicos como los camposelectromagnéticos o los sistemas cuánticos donde propiamente no es correcto hablarde cuerpos físicos.<h2></p> <font color="Black" size="4" face="Comic SansMS,Arial, MS Sans Serif">Repuestos</font><br> <img src="imagenes/slide.jpg" border="4" width="400" height="180"> <img src="imagenes/auto1.jpg" border="4" width="400" height="180">
  • 6. <hr align="left" width="100%" size="5" color="grey" noshade> <pre> Copyright2015 Colegio nacionalnicolas esguerra cra80f#41h16 -sur bogota,col. Nicky03369@gmail.com</pre> </body> </html>