Etiquetas de imagen e hipervínculo

•Descargar como PPT, PDF•

1 recomendación•11,905 vistas

L

Este documento describe los diferentes formatos de imágenes que se pueden insertar en HTML (JPEG, GIF, PNG) y cómo insertarlas usando la etiqueta <IMG>. Explica los atributos de las imágenes como border, width, height, name, align, hspace, vspace, alt y longdesc. También cubre cómo alinear imágenes y hacer que floten a la izquierda o derecha del texto, así como cómo convertir imágenes en hipervínculos.

TEMA: DEFINICIONES SUBTEMA: Página Web

IMÁGENES Existen tres tipos de formato de imágenes que se pueden Insertar en un documento HTML: JPEG GIF PNG

[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],Align=top Align=center Align=bottom

[object Object],Align=textop Align=middle Align=textbottom

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object]

IMÁGENES FLOTANTE: La imagen puede quedar a la izquierda de un párrafo de texto (align = left) Este es un ejemplo para mostrar la imagen a la Izquierda del texto

[object Object],[object Object],Este es un ejemplo para mostrar la imagen a la derecha del texto

[object Object],[object Object],[object Object],[object Object]

Más contenido relacionado

La actualidad más candente

Colegio nacional nicolas esguerra

Colegio nacional nicolas esguerra

Colegio nacional nicolas esguerraCristian Valentin

Colegio nicolás esguerra

Colegio nicolás esguerra

Colegio nicolás esguerralocoronald2

Imágenes en HTML

Imágenes en HTML

Imágenes en HTMLiConstruye

Pio pioMiguel Esteban Rincon Parra

Peres el diosratasaurio1

Curso HTML 5 & jQuery - Leccion 10

Curso HTML 5 & jQuery - Leccion 10

Curso HTML 5 & jQuery - Leccion 10Emmanuel Ortiz Gutierrez

ImagenesSebastian Fuentes

La actualidad más candente (7)

Colegio nacional nicolas esguerra

Colegio nacional nicolas esguerra

Colegio nacional nicolas esguerra

Colegio nicolás esguerra

Colegio nicolás esguerra

Colegio nicolás esguerra

Imágenes en HTML

Imágenes en HTML

Imágenes en HTML

Pio pio

Peres el dios

Curso HTML 5 & jQuery - Leccion 10

Curso HTML 5 & jQuery - Leccion 10

Curso HTML 5 & jQuery - Leccion 10

Imagenes

Destacado

Enlaces o hipervínculos en HTML

Enlaces o hipervínculos en HTML

Enlaces o hipervínculos en HTMLdavid740413

HipervínculosiConstruye

Hipervínculo & tipos de gráficos; andrea mazariegos

Hipervínculo & tipos de gráficos; andrea mazariegos

Hipervínculo & tipos de gráficos; andrea mazariegosandreamaza_

Pagina web e hipervinculos

Pagina web e hipervinculos

Pagina web e hipervinculosalerohe

¿Cómo hacer una Presentación en diapositivas en flash? ejemplo Empresa Excaysser

¿Cómo hacer una Presentación en diapositivas en flash? ejemplo Empresa Excaysser

¿Cómo hacer una Presentación en diapositivas en flash? ejemplo Empresa ExcaysserTeacher (magisterio) Colombia

Codigos HTML...paginas web

Codigos HTML...paginas web

Codigos HTML...paginas webABel Palma

Presentacion de flash

Presentacion de flash

Presentacion de flashanima_97

Tipos de hipervínculos

Tipos de hipervínculos

Tipos de hipervínculosEstermonterroso

Tutorial ejercicio 1

Tutorial ejercicio 1

Tutorial ejercicio 1Kelly Johanna Santos

CODIGOS HTMLmaryjo05

Insertar códigos en html

Insertar códigos en html

Insertar códigos en htmlEdna Rodríguez

Códigos html y creaciones de páginas web

Códigos html y creaciones de páginas web

Códigos html y creaciones de páginas webFelipe Jibaja

CODIGOS HTMLEsli Chavez R

Codigos htmlSebastian Játiva

Códigos html y creación de paginas web

Códigos html y creación de paginas web

Códigos html y creación de paginas webEsteban Rueda

Etiquetas htmldanneszm

Las 10 claves para mejorar tu posicionamiento en buscadores - Mauro Xesteira

Las 10 claves para mejorar tu posicionamiento en buscadores - Mauro Xesteira

Las 10 claves para mejorar tu posicionamiento en buscadores - Mauro XesteiraMilton Factory

Programación en html 5

Programación en html 5

Programación en html 5luchopaisa

Clasificacion de sitios web

Clasificacion de sitios web

Clasificacion de sitios webPetter Montesdeoca

Tutorial para crear hipervinculos

Tutorial para crear hipervinculos

Tutorial para crear hipervinculosverarex

Destacado (20)

Enlaces o hipervínculos en HTML

Enlaces o hipervínculos en HTML

Enlaces o hipervínculos en HTML

Hipervínculos

Hipervínculo & tipos de gráficos; andrea mazariegos

Hipervínculo & tipos de gráficos; andrea mazariegos

Hipervínculo & tipos de gráficos; andrea mazariegos

Pagina web e hipervinculos

Pagina web e hipervinculos

Pagina web e hipervinculos

¿Cómo hacer una Presentación en diapositivas en flash? ejemplo Empresa Excaysser

¿Cómo hacer una Presentación en diapositivas en flash? ejemplo Empresa Excaysser

¿Cómo hacer una Presentación en diapositivas en flash? ejemplo Empresa Excaysser

Codigos HTML...paginas web

Codigos HTML...paginas web

Codigos HTML...paginas web

Presentacion de flash

Presentacion de flash

Presentacion de flash

Tipos de hipervínculos

Tipos de hipervínculos

Tipos de hipervínculos

Tutorial ejercicio 1

Tutorial ejercicio 1

Tutorial ejercicio 1

CODIGOS HTML

Insertar códigos en html

Insertar códigos en html

Insertar códigos en html

Códigos html y creaciones de páginas web

Códigos html y creaciones de páginas web

Códigos html y creaciones de páginas web

CODIGOS HTML

Codigos html

Códigos html y creación de paginas web

Códigos html y creación de paginas web

Códigos html y creación de paginas web

Etiquetas html

Las 10 claves para mejorar tu posicionamiento en buscadores - Mauro Xesteira

Las 10 claves para mejorar tu posicionamiento en buscadores - Mauro Xesteira

Las 10 claves para mejorar tu posicionamiento en buscadores - Mauro Xesteira

Programación en html 5

Programación en html 5

Programación en html 5

Clasificacion de sitios web

Clasificacion de sitios web

Clasificacion de sitios web

Tutorial para crear hipervinculos

Tutorial para crear hipervinculos

Tutorial para crear hipervinculos

Similar a Etiquetas de imagen e hipervínculo

Pagina web 4Gabriel Velasquez

Pagina web 4.juanesvs

ImagenesSantiago Sanchez

ImagenesSantiago Sanchez

pag 4Nicolas Sanchez

Pagina web 4mf_0529

Colegio nacional nicolas esguerra

Colegio nacional nicolas esguerra

Colegio nacional nicolas esguerraSUSANTAMOTHER

Html4 imagnescinco81

wordfelipesoache

242310Juan David Naranjo

Colegionacionalnicolsesguerra 15091711-app6892-150924155136-lva1-app6891

Colegionacionalnicolsesguerra 15091711-app6892-150924155136-lva1-app6891

Colegionacionalnicolsesguerra 15091711-app6892-150924155136-lva1-app6891santi302930

O 150928120321-lva1-app6892

O 150928120321-lva1-app6892

O 150928120321-lva1-app6892Jonatán Emanuel Quintero Montaña

Creacion Pagina Web Unidad 5

Creacion Pagina Web Unidad 5

Creacion Pagina Web Unidad 5morchito03

Colegio nacional nicolas4

Colegio nacional nicolas4

Colegio nacional nicolas4Rocnar

13imagenesDanna Torrente

pagina web IV Juan Andres Alonso Pineda

Niolas perchoDaniel Vargas

Pagina web 5Christian LLanos

Similar a Etiquetas de imagen e hipervínculo (20)

Pagina web 4

Pagina web 4.

Imagenes

Imagenes

pag 4

Pagina web 4

Colegio nacional nicolas esguerra

Colegio nacional nicolas esguerra

Colegio nacional nicolas esguerra

Html4 imagnes

Byb3

word

242310

Colegionacionalnicolsesguerra 15091711-app6892-150924155136-lva1-app6891

Colegionacionalnicolsesguerra 15091711-app6892-150924155136-lva1-app6891

Colegionacionalnicolsesguerra 15091711-app6892-150924155136-lva1-app6891

O 150928120321-lva1-app6892

O 150928120321-lva1-app6892

O 150928120321-lva1-app6892

Creacion Pagina Web Unidad 5

Creacion Pagina Web Unidad 5

Creacion Pagina Web Unidad 5

Web 4

Colegio nacional nicolas4

Colegio nacional nicolas4

Colegio nacional nicolas4

13imagenes

pagina web IV

Niolas percho

Pagina web 5

Último

Plan Año Escolar Año Escolar 2023-2024. MPPE

Plan Año Escolar Año Escolar 2023-2024. MPPE

Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón

SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx

SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx

SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen

MAYO 1 PROYECTO día de la madre el amor más grande

MAYO 1 PROYECTO día de la madre el amor más grande

MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga

Introducción:Los objetivos de Desarrollo Sostenible

Introducción:Los objetivos de Desarrollo Sostenible

Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1

Defendamos la verdad. La defensa es importante.

Defendamos la verdad. La defensa es importante.

Defendamos la verdad. La defensa es importante.Alejandrino Halire Ccahuana

Unidad II Doctrina de la Iglesia 1 parte

Unidad II Doctrina de la Iglesia 1 parte

Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez

Informatica Generalidades - Conceptos Básicos

Informatica Generalidades - Conceptos Básicos

Informatica Generalidades - Conceptos BásicosCesarFernandez937857

PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx

PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx

PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC

NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO

NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO

NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma

cortes de luz abril 2024 en la provincia de tungurahua

cortes de luz abril 2024 en la provincia de tungurahua

cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA

CALENDARIZACION DE MAYO / RESPONSABILIDAD

CALENDARIZACION DE MAYO / RESPONSABILIDAD

CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte

Heinsohn Privacidad y Ciberseguridad para el sector educativo

Heinsohn Privacidad y Ciberseguridad para el sector educativo

Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD

OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx

OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx

OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez

Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...

Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...

Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz

30-de-abril-plebiscito-1902_240420_104511.pdf

30-de-abril-plebiscito-1902_240420_104511.pdf

30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel

La Función tecnológica del tutor.pptx

La Función tecnológica del tutor.pptx

La Función tecnológica del tutor.pptxJunkotantik

LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...

LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...

LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA

EXPECTATIVAS vs PERSPECTIVA en la vida.

EXPECTATIVAS vs PERSPECTIVA en la vida.

EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio

DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt

DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt

DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS

Movimientos Precursores de La Independencia en Venezuela

Movimientos Precursores de La Independencia en Venezuela

Movimientos Precursores de La Independencia en Venezuelacocuyelquemao

Último (20)

Plan Año Escolar Año Escolar 2023-2024. MPPE

Plan Año Escolar Año Escolar 2023-2024. MPPE

Plan Año Escolar Año Escolar 2023-2024. MPPE

SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx

SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx

SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx

MAYO 1 PROYECTO día de la madre el amor más grande

MAYO 1 PROYECTO día de la madre el amor más grande

MAYO 1 PROYECTO día de la madre el amor más grande

Introducción:Los objetivos de Desarrollo Sostenible

Introducción:Los objetivos de Desarrollo Sostenible

Introducción:Los objetivos de Desarrollo Sostenible

Defendamos la verdad. La defensa es importante.

Defendamos la verdad. La defensa es importante.

Defendamos la verdad. La defensa es importante.

Unidad II Doctrina de la Iglesia 1 parte

Unidad II Doctrina de la Iglesia 1 parte

Unidad II Doctrina de la Iglesia 1 parte

Informatica Generalidades - Conceptos Básicos

Informatica Generalidades - Conceptos Básicos

Informatica Generalidades - Conceptos Básicos

PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx

PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx

PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx

NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO

NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO

NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO

cortes de luz abril 2024 en la provincia de tungurahua

cortes de luz abril 2024 en la provincia de tungurahua

cortes de luz abril 2024 en la provincia de tungurahua

CALENDARIZACION DE MAYO / RESPONSABILIDAD

CALENDARIZACION DE MAYO / RESPONSABILIDAD

CALENDARIZACION DE MAYO / RESPONSABILIDAD

Heinsohn Privacidad y Ciberseguridad para el sector educativo

Heinsohn Privacidad y Ciberseguridad para el sector educativo

Heinsohn Privacidad y Ciberseguridad para el sector educativo

OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx

OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx

OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx

Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...

Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...

Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...

30-de-abril-plebiscito-1902_240420_104511.pdf

30-de-abril-plebiscito-1902_240420_104511.pdf

30-de-abril-plebiscito-1902_240420_104511.pdf

La Función tecnológica del tutor.pptx

La Función tecnológica del tutor.pptx

La Función tecnológica del tutor.pptx

LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...

LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...

LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...

EXPECTATIVAS vs PERSPECTIVA en la vida.

EXPECTATIVAS vs PERSPECTIVA en la vida.

EXPECTATIVAS vs PERSPECTIVA en la vida.

DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt

DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt

DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt

Movimientos Precursores de La Independencia en Venezuela

Movimientos Precursores de La Independencia en Venezuela

Movimientos Precursores de La Independencia en Venezuela

Etiquetas de imagen e hipervínculo

1. TEMA: DEFINICIONES SUBTEMA: Página Web

2. IMÁGENES Existen tres tipos de formato de imágenes que se pueden Insertar en un documento HTML: JPEG GIF PNG

3.

4.

5.

6.

7.

8.

9.

10. IMÁGENES FLOTANTE: La imagen puede quedar a la izquierda de un párrafo de texto (align = left) Este es un ejemplo para mostrar la imagen a la Izquierda del texto

11.

12.