Cómo Poner Una Imagen En HTML

Tabla de contenido:

Cómo Poner Una Imagen En HTML
Cómo Poner Una Imagen En HTML

Video: Cómo Poner Una Imagen En HTML

Video: Cómo Poner Una Imagen En HTML
Video: como insertar una imagen en html | la forma más sencilla! 2024, Abril
Anonim

El texto de una página web es mucho más legible cuando se ilustra. HTML reserva la etiqueta img para este propósito. Utilizándolo en combinación con otras etiquetas, puede convertir una imagen en un enlace activo, incluida una versión más grande de la misma imagen.

Cómo poner una imagen en HTML
Cómo poner una imagen en HTML

Instrucciones

Paso 1

Si el archivo de imagen y el archivo HTML se encuentran en la misma carpeta, use el siguiente código HTML para insertar la imagen: donde imagename.jpg

Paso 2

Si el archivo de imagen se encuentra en el mismo servidor, pero en una carpeta diferente, cambie esta construcción de la siguiente manera: donde /carpeta/otracarpeta/nombredeimagen.jpg

Paso 3

Coloque las imágenes almacenadas en otros servidores con precaución: la protección contra la lixiviación puede estar habilitada allí y, en lugar de la imagen deseada, el visitante de su página verá una advertencia sobre dicha protección. Si no existe tal protección, y el propietario del servidor de terceros no se opone a insertar las imágenes almacenadas allí en las páginas de otras personas, use el siguiente fragmento de código: donde https://servidor.dominio/carpeta/otracarpeta/nombredeimagen.jpg

Paso 4

Para que la imagen sea al mismo tiempo un enlace a otra página, utilice el siguiente código:, donde linktext es la dirección del enlace (local o global).

Paso 5

Finalmente, para que cuando el usuario haga clic en la imagen, el usuario pueda ver su copia ampliada, cambie el fragmento anterior de la siguiente manera: donde imagename-big.jpg

Recomendado: