SlideShare uma empresa Scribd logo
1 de 6
COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMOS FUTURO
CRISTIAN DAVIDGONZÁLEZCÁCERES
BRAYAN CAMILO HUERFANORUIZ
PAGINA WEB IV
Imágenes
Imágenes
Para insertarunaimagenesnecesarioinsertarlaetiqueta<img>.Dichaetiqueta nonecesita
etiquetade cierre,El nombre de laimagenhade especificarse atravésdel atributosrc.
<img src=" logo_animales.gif">
Textoalternativo
Cuandouna imagennopuede servisualizadaenel navegador,cosaque puede ocurriral
especificarmal el valordel atributosrc,aparece un recuadroblancocon una X roja ensu lugar,
juntocon el nombre de la imagen,Podemoshacerque enlugarde mostrarse el nombre de la
imagenaparezcael textoque nosotrosdeseemos,graciasal atributoalt.
<img src="imagenes/gatito.gif"alt="Imagengato">
Borde de una imagen
El atributoborderpuede tomarvaloresnuméricos,que indicanel grosorenpíxelesdel borde.
<img src="imagenes/logo_animales.gif"border="4">
*Borde ademásde enlace*<ahref="http://www.aulaclic.com"target="_blank"><img
src="imagenes/logo_animales.gif"border="4"></a>
Tamaño de una imagen
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.
<img src="imagenes/logo_animales.gif"width="200" height="80">
Alineaciónde unaimagen
La alineaciónde lasimágenesse estableceatravésdel atributoalign.Este atributoindicala
alineaciónde lasimágenesconrespectoala líneade textoenla que se encuentran.
PerrosGatos<imgscr="imagenes/logo_animales.gif"align="middle">Unawebde animales
<html>
<head>
<title>MIPRIMERA PAGINA WEB 906</title>
</head>
<bodybgcolor="WHITE">
<fontcolor="#278473" size="8"face="ComicSansMS, Arial,MS Sans Serif"><b>Nicolas
Esguerra</b></font>
<H1>ELECTROTRADE</H1>
<H2>Unlimited</H2>
<hr size=5>
Electrotrade<imgsrc="6.jpg"align="middle">Solucionesparasuempresa
<img src="3.jpg"border="3" width="200" height="80">
<img src="4.png">
<img src="5.jpg">
<!-- RealizadoporCamiloHuerfano yDavidGonzálezel 21/09/2015 -->
<pre> BienvenidosaElectrotrade,todoslosproductosde electronicaque suempresa
necesita</pre>
<P>CONTENIDO1</p>
<marquee bgcolor="#006699" behavior="alternate"direction="right">
<b><fontcolor="#FFFFCC"size="5">Unlimited/Servicios</font></b>
</marquee>
<img src="1.png">
<img src="2.gif">
<img src="unknown"alt="ImagenAlt">
<blockquote>
<blockquote>
<P>Aqui voya ponerel contenidode mi pagina</p>
</blockquote>
</blockquote>
<HR>
<fontcolor="#993366" size="4"face="ComicSansMS, Arial,MS Sans Serif">Bienvenidosa
www.electrotrade.com</font>
</body>
</html>

Mais conteúdo relacionado

Mais procurados (17)

Rtgfvgbvyh (1)
Rtgfvgbvyh (1)Rtgfvgbvyh (1)
Rtgfvgbvyh (1)
 
Peres el dios
Peres el diosPeres el dios
Peres el dios
 
987+ m47
987+ m47987+ m47
987+ m47
 
3
33
3
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
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
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Brayan3
Brayan3Brayan3
Brayan3
 
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
 
IMAGENES HTML
IMAGENES HTMLIMAGENES HTML
IMAGENES HTML
 
ñ{ññññ
ñ{ñññññ{ññññ
ñ{ññññ
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Byb3
Byb3Byb3
Byb3
 
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.
 

Semelhante a WEB IV (16)

Pagina Web 4
Pagina Web 4 Pagina Web 4
Pagina Web 4
 
Imagenes
ImagenesImagenes
Imagenes
 
Pio pio
Pio pioPio pio
Pio pio
 
imagenes
imagenesimagenes
imagenes
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Pio pio
Pio pioPio pio
Pio pio
 
Web
WebWeb
Web
 
Web IV
Web IVWeb IV
Web IV
 
Colegio nacional nicolas4
Colegio nacional nicolas4Colegio nacional nicolas4
Colegio nacional nicolas4
 
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 IV pagina web IV
pagina web IV
 
Hhh .l.
Hhh .l.Hhh .l.
Hhh .l.
 
Taller4
Taller4Taller4
Taller4
 
Colegio nacional nicolás es guerra
Colegio nacional nicolás es guerraColegio nacional nicolás es guerra
Colegio nacional nicolás es guerra
 

Mais de crisdavidgonzalezc (15)

Marcos i
Marcos iMarcos i
Marcos i
 
Marcos basicos
Marcos basicosMarcos basicos
Marcos basicos
 
Pagina Web III
Pagina Web IIIPagina Web III
Pagina Web III
 
Pagina web ii
Pagina web iiPagina web ii
Pagina web ii
 
Pagina web I
Pagina web IPagina web I
Pagina web I
 
Trabajo bases de datos
Trabajo bases de datosTrabajo bases de datos
Trabajo bases de datos
 
Access 1 Electrotrade / Cómo crear una base de datos
Access 1 Electrotrade / Cómo crear una base de datosAccess 1 Electrotrade / Cómo crear una base de datos
Access 1 Electrotrade / Cómo crear una base de datos
 
BASES DE DATOS02
BASES DE DATOS02BASES DE DATOS02
BASES DE DATOS02
 
Bases de datos 1
Bases de datos 1Bases de datos 1
Bases de datos 1
 
NXT Paleta
NXT PaletaNXT Paleta
NXT Paleta
 
NXT
NXTNXT
NXT
 
La Robotica Educativa
La Robotica EducativaLa Robotica Educativa
La Robotica Educativa
 
Tabla de multiplicar
Tabla de multiplicar Tabla de multiplicar
Tabla de multiplicar
 
Actividades en Excel
Actividades en ExcelActividades en Excel
Actividades en Excel
 
Tabla de multiplicar 906 David González - Sebastian Hernandez
Tabla de multiplicar 906 David González - Sebastian HernandezTabla de multiplicar 906 David González - Sebastian Hernandez
Tabla de multiplicar 906 David González - Sebastian Hernandez
 

Último

plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
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
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
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
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesLauraColom3
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
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
 
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
 

Último (20)

plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
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...
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
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
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
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
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reacciones
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
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
 
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
 

WEB IV

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO CRISTIAN DAVIDGONZÁLEZCÁCERES BRAYAN CAMILO HUERFANORUIZ PAGINA WEB IV Imágenes Imágenes Para insertarunaimagenesnecesarioinsertarlaetiqueta<img>.Dichaetiqueta nonecesita etiquetade cierre,El nombre de laimagenhade especificarse atravésdel atributosrc. <img src=" logo_animales.gif">
  • 2. Textoalternativo Cuandouna imagennopuede servisualizadaenel navegador,cosaque puede ocurriral especificarmal el valordel atributosrc,aparece un recuadroblancocon una X roja ensu lugar, juntocon el nombre de la imagen,Podemoshacerque enlugarde mostrarse el nombre de la imagenaparezcael textoque nosotrosdeseemos,graciasal atributoalt. <img src="imagenes/gatito.gif"alt="Imagengato">
  • 3. Borde de una imagen El atributoborderpuede tomarvaloresnuméricos,que indicanel grosorenpíxelesdel borde. <img src="imagenes/logo_animales.gif"border="4"> *Borde ademásde enlace*<ahref="http://www.aulaclic.com"target="_blank"><img src="imagenes/logo_animales.gif"border="4"></a>
  • 4. Tamaño de una imagen 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. <img src="imagenes/logo_animales.gif"width="200" height="80">
  • 5. Alineaciónde unaimagen La alineaciónde lasimágenesse estableceatravésdel atributoalign.Este atributoindicala alineaciónde lasimágenesconrespectoala líneade textoenla que se encuentran. PerrosGatos<imgscr="imagenes/logo_animales.gif"align="middle">Unawebde animales
  • 6. <html> <head> <title>MIPRIMERA PAGINA WEB 906</title> </head> <bodybgcolor="WHITE"> <fontcolor="#278473" size="8"face="ComicSansMS, Arial,MS Sans Serif"><b>Nicolas Esguerra</b></font> <H1>ELECTROTRADE</H1> <H2>Unlimited</H2> <hr size=5> Electrotrade<imgsrc="6.jpg"align="middle">Solucionesparasuempresa <img src="3.jpg"border="3" width="200" height="80"> <img src="4.png"> <img src="5.jpg"> <!-- RealizadoporCamiloHuerfano yDavidGonzálezel 21/09/2015 --> <pre> BienvenidosaElectrotrade,todoslosproductosde electronicaque suempresa necesita</pre> <P>CONTENIDO1</p> <marquee bgcolor="#006699" behavior="alternate"direction="right"> <b><fontcolor="#FFFFCC"size="5">Unlimited/Servicios</font></b> </marquee> <img src="1.png"> <img src="2.gif"> <img src="unknown"alt="ImagenAlt"> <blockquote> <blockquote> <P>Aqui voya ponerel contenidode mi pagina</p> </blockquote> </blockquote> <HR> <fontcolor="#993366" size="4"face="ComicSansMS, Arial,MS Sans Serif">Bienvenidosa www.electrotrade.com</font> </body> </html>