SlideShare una empresa de Scribd logo
Ejemplo
El siguiente ejemplo muestra que etiquetas se deben usar para colocar imágenes en nuestra
aplicación web.
<html>
<head>
<title>Ejemplos de HTML</title>
</head>
<body bgcolor="#E6E8FA">
<div align="right">Texto a la Derecha</div>
<div align="center">Texto Centrado</div>
<div align="left">Texto a la Izquierda</div></br>
<img src="miguelito.jpg" align="left">
<img src="felipe.jpg" align="right">
<div align="center"><img src="mafalda.jpg"></div><br>
<b>Texto en Negrita</b>
<i>Texto en Cursiva</i>
<u>Texto Subrayado</u>
<s>Texto Tachado</s></br>
<font size ="1">Texto de Tamaño 1</font>
<font size ="2">Texto de Tamaño 2</font>
<font size ="3">Texto de Tamaño 3</font>
<font size ="4">Texto de Tamaño 4</font>
<font size ="5">Texto de Tamaño 5</font>
<font size ="6">Texto de Tamaño 6</font></br>
<font face="Arial">Texto en Arial</font>
<font face ="Courier">Texto en Courier</font>
<font face ="Comic Sans MS">Texto en Comic Sans</font></br>
<font color="navy">Texto en Color Azul Marino</font>
</body>
</html>
Como resultado el navegador muestra el siguiente ejemplo:

Más contenido relacionado

Destacado

Curvica IREM dėcembre 2015
Curvica IREM dėcembre 2015Curvica IREM dėcembre 2015
Curvica IREM dėcembre 2015
Yves_Martin
 
Bend 2030 Overview
Bend 2030 OverviewBend 2030 Overview
Bend 2030 Overview
J Shasek
 
Con amigos así
Con amigos asíCon amigos así
Con amigos así
Coca2005
 
Socialización del proyecto
Socialización del proyectoSocialización del proyecto
Socialización del proyecto
rosajoven
 
Press Release Child Advocate Award
Press Release Child Advocate AwardPress Release Child Advocate Award
Press Release Child Advocate Award
Lia Simpson
 
Me 2007
Me 2007Me 2007
Nuestros cuentos
Nuestros cuentosNuestros cuentos
Nuestros cuentosRaficora
 
Benefits of GaleWrap Oriented Film
Benefits of GaleWrap Oriented FilmBenefits of GaleWrap Oriented Film
Benefits of GaleWrap Oriented FilmJen Brawner
 
Miradas matemáticas
Miradas matemáticasMiradas matemáticas
Miradas matemáticasMarimarcampo
 

Destacado (13)

Curvica IREM dėcembre 2015
Curvica IREM dėcembre 2015Curvica IREM dėcembre 2015
Curvica IREM dėcembre 2015
 
Bend 2030 Overview
Bend 2030 OverviewBend 2030 Overview
Bend 2030 Overview
 
Con amigos así
Con amigos asíCon amigos así
Con amigos así
 
Hff listado final
Hff listado finalHff listado final
Hff listado final
 
Socialización del proyecto
Socialización del proyectoSocialización del proyecto
Socialización del proyecto
 
Press Release Child Advocate Award
Press Release Child Advocate AwardPress Release Child Advocate Award
Press Release Child Advocate Award
 
Me 2007
Me 2007Me 2007
Me 2007
 
Nuestros cuentos
Nuestros cuentosNuestros cuentos
Nuestros cuentos
 
.
..
.
 
Benefits of GaleWrap Oriented Film
Benefits of GaleWrap Oriented FilmBenefits of GaleWrap Oriented Film
Benefits of GaleWrap Oriented Film
 
Bruno mars
Bruno marsBruno mars
Bruno mars
 
Miradas matemáticas
Miradas matemáticasMiradas matemáticas
Miradas matemáticas
 
Diap. informatica
Diap. informaticaDiap. informatica
Diap. informatica
 

Similar a Imágenes en HTML

Html creacion de una pagina. Adriano Mazziotti
Html  creacion de una pagina. Adriano MazziottiHtml  creacion de una pagina. Adriano Mazziotti
Html creacion de una pagina. Adriano Mazziotti
Adriano Mazziotti
 
Imagen
Imagen Imagen
Imagen
santimina21
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
davidrg4l
 
Html
HtmlHtml
Html
HtmlHtml
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
Daniel Franco Cardona
 
Nuevas etiquetas en html5
Nuevas etiquetas en html5Nuevas etiquetas en html5
Nuevas etiquetas en html5Oscar Naranjo
 
Html basico
Html basicoHtml basico
Html basico
michaelgonzalez777
 
Etiqueta de hatml 1
Etiqueta de hatml 1Etiqueta de hatml 1
Etiqueta de hatml 1
Santiago-1994
 
Practica 2 paginas web
Practica 2 paginas webPractica 2 paginas web
Practica 2 paginas web
La Paradoja educativa
 
Nuevas etiquetas en html5
Nuevas etiquetas en html5Nuevas etiquetas en html5
Nuevas etiquetas en html5
Oscar Naranjo
 
Códigos para la creación de la pagina web
Códigos para la creación de la pagina webCódigos para la creación de la pagina web
Códigos para la creación de la pagina web
arte6
 
Ejemplos de HTML
Ejemplos de HTMLEjemplos de HTML
Ejemplos de HTML
eduardodf47
 
Codigo html
Codigo htmlCodigo html
Codigo html
Juan Barillas
 
Marcos
MarcosMarcos
Marcos
mf_0529
 
Mmknlkn
MmknlknMmknlkn
Mmknlkn
willy1218
 
Pagina web iv
Pagina web ivPagina web iv

Similar a Imágenes en HTML (20)

Html creacion de una pagina. Adriano Mazziotti
Html  creacion de una pagina. Adriano MazziottiHtml  creacion de una pagina. Adriano Mazziotti
Html creacion de una pagina. Adriano Mazziotti
 
Imagen
Imagen Imagen
Imagen
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Nuevas etiquetas en html5
Nuevas etiquetas en html5Nuevas etiquetas en html5
Nuevas etiquetas en html5
 
Html basico
Html basicoHtml basico
Html basico
 
Etiqueta de hatml 1
Etiqueta de hatml 1Etiqueta de hatml 1
Etiqueta de hatml 1
 
Practica 2 paginas web
Practica 2 paginas webPractica 2 paginas web
Practica 2 paginas web
 
Nuevas etiquetas en html5
Nuevas etiquetas en html5Nuevas etiquetas en html5
Nuevas etiquetas en html5
 
Códigos para la creación de la pagina web
Códigos para la creación de la pagina webCódigos para la creación de la pagina web
Códigos para la creación de la pagina web
 
Ejemplos de HTML
Ejemplos de HTMLEjemplos de HTML
Ejemplos de HTML
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Marcos
MarcosMarcos
Marcos
 
Mmknlkn
MmknlknMmknlkn
Mmknlkn
 
Pagina web iv
Pagina web ivPagina web iv
Pagina web iv
 
Estructur..
Estructur..Estructur..
Estructur..
 

Más de OVAWEB

Mantener valores en los campos de texto de un formulario PHP
Mantener valores en los campos de texto de un formulario PHPMantener valores en los campos de texto de un formulario PHP
Mantener valores en los campos de texto de un formulario PHP
OVAWEB
 
Ejemplo validación
Ejemplo validaciónEjemplo validación
Ejemplo validación
OVAWEB
 
Ejemplo de formulario
Ejemplo de formularioEjemplo de formulario
Ejemplo de formulario
OVAWEB
 
Ejemplo de clases en css
Ejemplo de clases en cssEjemplo de clases en css
Ejemplo de clases en css
OVAWEB
 
Ejemplo de css
Ejemplo de cssEjemplo de css
Ejemplo de css
OVAWEB
 
Los Formularios en HTML
Los Formularios en HTMLLos Formularios en HTML
Los Formularios en HTML
OVAWEB
 
Las Tablas en HTML
Las Tablas en HTMLLas Tablas en HTML
Las Tablas en HTMLOVAWEB
 
Listas en HTML
Listas en HTMLListas en HTML
Listas en HTML
OVAWEB
 
Párrafos en HTML
Párrafos en HTMLPárrafos en HTML
Párrafos en HTML
OVAWEB
 

Más de OVAWEB (9)

Mantener valores en los campos de texto de un formulario PHP
Mantener valores en los campos de texto de un formulario PHPMantener valores en los campos de texto de un formulario PHP
Mantener valores en los campos de texto de un formulario PHP
 
Ejemplo validación
Ejemplo validaciónEjemplo validación
Ejemplo validación
 
Ejemplo de formulario
Ejemplo de formularioEjemplo de formulario
Ejemplo de formulario
 
Ejemplo de clases en css
Ejemplo de clases en cssEjemplo de clases en css
Ejemplo de clases en css
 
Ejemplo de css
Ejemplo de cssEjemplo de css
Ejemplo de css
 
Los Formularios en HTML
Los Formularios en HTMLLos Formularios en HTML
Los Formularios en HTML
 
Las Tablas en HTML
Las Tablas en HTMLLas Tablas en HTML
Las Tablas en HTML
 
Listas en HTML
Listas en HTMLListas en HTML
Listas en HTML
 
Párrafos en HTML
Párrafos en HTMLPárrafos en HTML
Párrafos en HTML
 

Último

Presentación Curso C. Diferencial - 2024-1.pdf
Presentación Curso C. Diferencial - 2024-1.pdfPresentación Curso C. Diferencial - 2024-1.pdf
Presentación Curso C. Diferencial - 2024-1.pdf
H4RV3YH3RN4ND3Z
 
UNA VISITA A SAN PEDRO EN EL VATICANO.pdf
UNA VISITA A SAN PEDRO EN EL VATICANO.pdfUNA VISITA A SAN PEDRO EN EL VATICANO.pdf
UNA VISITA A SAN PEDRO EN EL VATICANO.pdf
Joan Ribes Gallén
 
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIACONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
BetzabePecheSalcedo1
 
Evaluación de Lengua Española de cuarto grado de primaria
Evaluación de Lengua Española de cuarto grado de primariaEvaluación de Lengua Española de cuarto grado de primaria
Evaluación de Lengua Española de cuarto grado de primaria
SoniaMedina49
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
JAVIER SOLIS NOYOLA
 
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptxSemana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
LorenaCovarrubias12
 
Introducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BIIntroducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BI
arleyo2006
 
Semana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptxSemana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptx
LorenaCovarrubias12
 
Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1
MauricioSnchez83
 
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJELA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
jecgjv
 
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
20minutos
 
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdfBlogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
lautyzaracho4
 
Sesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdfSesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdf
https://gramadal.wordpress.com/
 
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
HuallpaSamaniegoSeba
 
Examen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdfExamen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdf
20minutos
 
El lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libroEl lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libro
Distea V región
 
MIP PAPA Rancha Papa.pdf.....y caracteristicas
MIP PAPA  Rancha Papa.pdf.....y caracteristicasMIP PAPA  Rancha Papa.pdf.....y caracteristicas
MIP PAPA Rancha Papa.pdf.....y caracteristicas
jheisonraulmedinafer
 
1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx
1º GRADO CONCLUSIONES DESCRIPTIVAS  PRIMARIA.docx1º GRADO CONCLUSIONES DESCRIPTIVAS  PRIMARIA.docx
1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx
FelixCamachoGuzman
 
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdfFORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
El Fortí
 
El espiritismo desenmascarado.pdf. Lec. 10
El espiritismo desenmascarado.pdf. Lec. 10El espiritismo desenmascarado.pdf. Lec. 10
El espiritismo desenmascarado.pdf. Lec. 10
Alejandrino Halire Ccahuana
 

Último (20)

Presentación Curso C. Diferencial - 2024-1.pdf
Presentación Curso C. Diferencial - 2024-1.pdfPresentación Curso C. Diferencial - 2024-1.pdf
Presentación Curso C. Diferencial - 2024-1.pdf
 
UNA VISITA A SAN PEDRO EN EL VATICANO.pdf
UNA VISITA A SAN PEDRO EN EL VATICANO.pdfUNA VISITA A SAN PEDRO EN EL VATICANO.pdf
UNA VISITA A SAN PEDRO EN EL VATICANO.pdf
 
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIACONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
 
Evaluación de Lengua Española de cuarto grado de primaria
Evaluación de Lengua Española de cuarto grado de primariaEvaluación de Lengua Española de cuarto grado de primaria
Evaluación de Lengua Española de cuarto grado de primaria
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
 
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptxSemana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
 
Introducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BIIntroducción a la ciencia de datos con power BI
Introducción a la ciencia de datos con power BI
 
Semana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptxSemana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptx
 
Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1
 
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJELA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
LA PEDAGOGIA AUTOGESTONARIA EN EL PROCESO DE ENSEÑANZA APRENDIZAJE
 
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
 
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdfBlogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
 
Sesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdfSesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdf
 
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
Varón de 30 años acude a consulta por presentar hipertensión arterial de reci...
 
Examen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdfExamen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdf
 
El lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libroEl lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libro
 
MIP PAPA Rancha Papa.pdf.....y caracteristicas
MIP PAPA  Rancha Papa.pdf.....y caracteristicasMIP PAPA  Rancha Papa.pdf.....y caracteristicas
MIP PAPA Rancha Papa.pdf.....y caracteristicas
 
1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx
1º GRADO CONCLUSIONES DESCRIPTIVAS  PRIMARIA.docx1º GRADO CONCLUSIONES DESCRIPTIVAS  PRIMARIA.docx
1º GRADO CONCLUSIONES DESCRIPTIVAS PRIMARIA.docx
 
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdfFORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
 
El espiritismo desenmascarado.pdf. Lec. 10
El espiritismo desenmascarado.pdf. Lec. 10El espiritismo desenmascarado.pdf. Lec. 10
El espiritismo desenmascarado.pdf. Lec. 10
 

Imágenes en HTML

  • 1. Ejemplo El siguiente ejemplo muestra que etiquetas se deben usar para colocar imágenes en nuestra aplicación web. <html> <head> <title>Ejemplos de HTML</title> </head> <body bgcolor="#E6E8FA"> <div align="right">Texto a la Derecha</div> <div align="center">Texto Centrado</div> <div align="left">Texto a la Izquierda</div></br> <img src="miguelito.jpg" align="left"> <img src="felipe.jpg" align="right"> <div align="center"><img src="mafalda.jpg"></div><br> <b>Texto en Negrita</b> <i>Texto en Cursiva</i> <u>Texto Subrayado</u> <s>Texto Tachado</s></br> <font size ="1">Texto de Tamaño 1</font> <font size ="2">Texto de Tamaño 2</font> <font size ="3">Texto de Tamaño 3</font> <font size ="4">Texto de Tamaño 4</font> <font size ="5">Texto de Tamaño 5</font> <font size ="6">Texto de Tamaño 6</font></br> <font face="Arial">Texto en Arial</font> <font face ="Courier">Texto en Courier</font> <font face ="Comic Sans MS">Texto en Comic Sans</font></br> <font color="navy">Texto en Color Azul Marino</font> </body> </html>
  • 2. Como resultado el navegador muestra el siguiente ejemplo: