SlideShare una empresa de Scribd logo
1 de 3
COLEGIO NACIONAL NICOLAQS ESGUERRA
EDIFICAMOS FUTURO
MANUEL FERNANDO VARGAS
PERDOMO APONTE JOHNEDWARD 902
PAGINA WEB 4
Imagen:
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.
Codigo:<img src="imagenes/globos.jpg">
Texto Alternativo:
Cuandouna imagennopuede servisualizadaenel navegador,cosaque puede ocurriral
especificarmal el valordel atributo src,aparece un recuadroblancocon una X roja ensu lugar,
juntocon el nombre de la imagen.
Podemoshacerque en lugarde mostrarse el nombre de laimagenaparezcael textoque nosotros
deseemos,graciasal atributo alt.
Codigo: <img src="imagenes/globos.jpg" alt="Imagen Globos">
Borde de una imagen:
En general,al visualizarunapáginaenunnavegadorlasimágenesaparecensinningúnborde
alrededor,peroesposibleestablecerunoatravésdel atributoborder.
El atributoborderpuede tomarvaloresnuméricos,que indicanel grosorenpíxelesdel borde.
Codigo:<img src="imagenes/globos.jpg"alt="ImagenGlobos"border="3">
Tamaño de imagen:
Cuandoinsertamosunaimagen,estase muestraenlosnavegadoresconsutamañooriginal,pero
por diversosmotivospuede interesarnosmodificardichotamaño.
A travésde losatributoswidth(anchura) yheight(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 puedentomarlosatributoswidthyheighthade ser un número,acompañadode %
cuandose desee que seaenporcentaje conrespectoalapágina.
Codigo:<img src="imagenes/globos.jpg"alt="ImagenGlobos"border="3"width="400"
height="400">
Alineacionde la imagen:
La alineaciónde lasimágenesse estableceatravésdel atributoalign.Este atributoindicala
alineaciónde lasimágenesconrespectoala líneade textoenla que se encuentran.
Codigo:GlobosGlove <imgsrc="imagenes/globos.jpg"alt="ImagenGlobos"
border="3"width="400"height="400"align="middle">LosMejores
CodigoFinal:
<html>
<head>
<title>HevenGifts902</title>
</head>
<!--ESTA WEB FUE ELABORADA PORMANUEL Y EDWARD 902 //-->
<bodybgcolor="Grey">
<H1><marquee bgcolor="white"behavior="alternate"direction="right">BIENVENIDOSA NUESTRA
WEB CORPORATIVA</H1></marquee>
<hr><br>
Nuestraempresacuentaconmas de 15 años enla organizacionyrealizacionde eventos.<br>
<hr>
<fontcolor="white"size="6"face="ComicSansMS,Arial,MS Sans Serif">Globos
glove</font><br>
GlobosGlove <imgsrc="imagenes/globos.jpg"alt="ImagenGlobos"border="3"width="400"
height="400"align="middle">LosMejores
<pre>
<hr align="CENTER"width="30%"size="5"COLOR="WHITE">
Copyright2015
ColegioNacional NicolasEsguerra
Cll 6B #80-96 BOGOTA COLOMBIA
</PRE>
</BODY>
</html>

Más contenido relacionado

La actualidad más candente

Documento juan
Documento juanDocumento juan
Documento juanltonny5
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraDITHOR
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerramichaelvrl16
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraDITHOR
 
Colegio nacional nicolas4
Colegio nacional nicolas4Colegio nacional nicolas4
Colegio nacional nicolas4Rocnar
 
Mi pagina web 4
Mi pagina web 4Mi pagina web 4
Mi pagina web 4julnas1
 
Html4 imagnes
Html4 imagnesHtml4 imagnes
Html4 imagnescinco81
 

La actualidad más candente (17)

Documento juan
Documento juanDocumento juan
Documento juan
 
Byb3
Byb3Byb3
Byb3
 
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
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerra
 
Wweb 3
Wweb 3Wweb 3
Wweb 3
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
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 nicolas4
Colegio nacional nicolas4Colegio nacional nicolas4
Colegio nacional nicolas4
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Imagen &lt;img>
Imagen &lt;img>Imagen &lt;img>
Imagen &lt;img>
 
Mi pagina web 4
Mi pagina web 4Mi pagina web 4
Mi pagina web 4
 
Html4 imagnes
Html4 imagnesHtml4 imagnes
Html4 imagnes
 

Destacado (12)

PAGINA WEB 1
PAGINA WEB 1PAGINA WEB 1
PAGINA WEB 1
 
Img002
Img002Img002
Img002
 
Img024
Img024Img024
Img024
 
Img020
Img020Img020
Img020
 
Norton Quantum3 - Esite
Norton Quantum3 - EsiteNorton Quantum3 - Esite
Norton Quantum3 - Esite
 
Mediación didáctica
Mediación didácticaMediación didáctica
Mediación didáctica
 
Onuguu progress
Onuguu progressOnuguu progress
Onuguu progress
 
Rewriting DevOps
Rewriting DevOpsRewriting DevOps
Rewriting DevOps
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Fiche thera vital
Fiche thera vitalFiche thera vital
Fiche thera vital
 
Aalam
AalamAalam
Aalam
 
Uluu kyrg
Uluu kyrgUluu kyrg
Uluu kyrg
 

Similar a Pagina Web 4 (20)

36647
3664736647
36647
 
Rtgfvgbvyh (1)
Rtgfvgbvyh (1)Rtgfvgbvyh (1)
Rtgfvgbvyh (1)
 
Brayan3
Brayan3Brayan3
Brayan3
 
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
 
987+ m47
987+ m47987+ m47
987+ m47
 
Taller4
Taller4Taller4
Taller4
 
Imagenes
ImagenesImagenes
Imagenes
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Pagina web 4.
Pagina web 4.Pagina web 4.
Pagina web 4.
 
WEB IV
WEB IVWEB IV
WEB IV
 
Dvbgsdbf
DvbgsdbfDvbgsdbf
Dvbgsdbf
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 
pagina web IV
pagina web IV pagina web IV
pagina web IV
 
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
 
3
33
3
 
IMAGENES HTML
IMAGENES HTMLIMAGENES HTML
IMAGENES HTML
 
Pio pio
Pio pioPio pio
Pio pio
 
imagenes
imagenesimagenes
imagenes
 
Web IV
Web IVWeb IV
Web IV
 

Más de John Edward (17)

Doc1
Doc1Doc1
Doc1
 
Formularios
FormulariosFormularios
Formularios
 
Evidencias actividad final
Evidencias actividad finalEvidencias actividad final
Evidencias actividad final
 
Actividad 6
Actividad 6Actividad 6
Actividad 6
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Pagina web 2
Pagina web 2Pagina web 2
Pagina web 2
 
Trabajo final incontec
Trabajo final incontecTrabajo final incontec
Trabajo final incontec
 
Tabla de acces
Tabla de accesTabla de acces
Tabla de acces
 
Plantilla con-normas-icontec (1)
Plantilla con-normas-icontec (1)Plantilla con-normas-icontec (1)
Plantilla con-normas-icontec (1)
 
Sonido
SonidoSonido
Sonido
 
nxt
nxtnxt
nxt
 
Lego NXT
Lego NXTLego NXT
Lego NXT
 
Presentación1
Presentación1Presentación1
Presentación1
 
portada
portadaportada
portada
 
taba
tabataba
taba
 
facturas
facturasfacturas
facturas
 
Presentación1
Presentación1Presentación1
Presentación1
 

Último

LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxJheissonAriasSalazar
 
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxSEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxLisetteChuquisea
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaEmmanuel Toloza
 
Concepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasConcepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasAnkara2
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Secssuser50da781
 
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptxjezuz1231
 
la configuyracion del territorio peruano
la configuyracion del territorio peruanola configuyracion del territorio peruano
la configuyracion del territorio peruanoEFRAINSALAZARLOYOLA1
 
Europa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxEuropa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxismaelchandi2010
 
BIOGRAFIA MARIANO MELGAR presentacion en power point
BIOGRAFIA MARIANO MELGAR  presentacion en power pointBIOGRAFIA MARIANO MELGAR  presentacion en power point
BIOGRAFIA MARIANO MELGAR presentacion en power pointyupanquihuisahilario
 
presentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptpresentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptDerekLiberatoMartine
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmolivayasser2
 
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxCERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxMaikelPereira1
 
Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolLuis José Ferreira Calvo
 
ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxlizeth753950
 
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxPA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxJOELORELLANA15
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfDreydyAvila
 

Último (16)

LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docx
 
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxSEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
 
Concepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasConcepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena Olvieras
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Sec
 
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
 
la configuyracion del territorio peruano
la configuyracion del territorio peruanola configuyracion del territorio peruano
la configuyracion del territorio peruano
 
Europa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxEuropa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptx
 
BIOGRAFIA MARIANO MELGAR presentacion en power point
BIOGRAFIA MARIANO MELGAR  presentacion en power pointBIOGRAFIA MARIANO MELGAR  presentacion en power point
BIOGRAFIA MARIANO MELGAR presentacion en power point
 
presentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptpresentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).ppt
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxm
 
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxCERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
 
Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y español
 
ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
 
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxPA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
 

Pagina Web 4

  • 1. COLEGIO NACIONAL NICOLAQS ESGUERRA EDIFICAMOS FUTURO MANUEL FERNANDO VARGAS PERDOMO APONTE JOHNEDWARD 902 PAGINA WEB 4 Imagen: 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. Codigo:<img src="imagenes/globos.jpg"> Texto Alternativo: Cuandouna imagennopuede servisualizadaenel navegador,cosaque puede ocurriral especificarmal el valordel atributo src,aparece un recuadroblancocon una X roja ensu lugar, juntocon el nombre de la imagen. Podemoshacerque en lugarde mostrarse el nombre de laimagenaparezcael textoque nosotros deseemos,graciasal atributo alt. Codigo: <img src="imagenes/globos.jpg" alt="Imagen Globos"> Borde de una imagen: En general,al visualizarunapáginaenunnavegadorlasimágenesaparecensinningúnborde alrededor,peroesposibleestablecerunoatravésdel atributoborder. El atributoborderpuede tomarvaloresnuméricos,que indicanel grosorenpíxelesdel borde. Codigo:<img src="imagenes/globos.jpg"alt="ImagenGlobos"border="3">
  • 2. Tamaño de imagen: Cuandoinsertamosunaimagen,estase muestraenlosnavegadoresconsutamañooriginal,pero por diversosmotivospuede interesarnosmodificardichotamaño. A travésde losatributoswidth(anchura) yheight(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 puedentomarlosatributoswidthyheighthade ser un número,acompañadode % cuandose desee que seaenporcentaje conrespectoalapágina. Codigo:<img src="imagenes/globos.jpg"alt="ImagenGlobos"border="3"width="400" height="400"> Alineacionde la imagen: La alineaciónde lasimágenesse estableceatravésdel atributoalign.Este atributoindicala alineaciónde lasimágenesconrespectoala líneade textoenla que se encuentran. Codigo:GlobosGlove <imgsrc="imagenes/globos.jpg"alt="ImagenGlobos" border="3"width="400"height="400"align="middle">LosMejores
  • 3. CodigoFinal: <html> <head> <title>HevenGifts902</title> </head> <!--ESTA WEB FUE ELABORADA PORMANUEL Y EDWARD 902 //--> <bodybgcolor="Grey"> <H1><marquee bgcolor="white"behavior="alternate"direction="right">BIENVENIDOSA NUESTRA WEB CORPORATIVA</H1></marquee> <hr><br> Nuestraempresacuentaconmas de 15 años enla organizacionyrealizacionde eventos.<br> <hr> <fontcolor="white"size="6"face="ComicSansMS,Arial,MS Sans Serif">Globos glove</font><br> GlobosGlove <imgsrc="imagenes/globos.jpg"alt="ImagenGlobos"border="3"width="400" height="400"align="middle">LosMejores <pre> <hr align="CENTER"width="30%"size="5"COLOR="WHITE"> Copyright2015 ColegioNacional NicolasEsguerra Cll 6B #80-96 BOGOTA COLOMBIA </PRE> </BODY> </html>