Cómo Insertar Una Imagen En Un Sitio Web Usando Html

Tabla de contenido:

Cómo Insertar Una Imagen En Un Sitio Web Usando Html
Cómo Insertar Una Imagen En Un Sitio Web Usando Html

Video: Cómo Insertar Una Imagen En Un Sitio Web Usando Html

Video: Cómo Insertar Una Imagen En Un Sitio Web Usando Html
Video: como insertar una imagen en html | la forma más sencilla! 2024, Abril
Anonim

Los artículos en Internet parecen secos e incompletos si el texto no se diluye con medios adicionales. La decoración más simple y accesible de una publicación de blog o sitio web es una imagen-ilustración. Puede publicarse mediante etiquetas especiales.

Cómo insertar una imagen en un sitio web usando html
Cómo insertar una imagen en un sitio web usando html

Es necesario

  • - acceso a Internet;
  • - imagen.

Instrucciones

Paso 1

Se cree que es posible la publicación directa de imágenes almacenadas en una computadora. Esto es un error: si su computadora no es un servidor 24/7, la imagen no se mostrará en el mensaje.

Paso 2

Sube la imagen a un almacenamiento especial, como Yandex.fotka o Ipicture.ru. Es importante que el archivo esté visible y siempre en línea. Abra la imagen en la página del sitio de destino y copie la URL de la línea correspondiente.

Paso 3

Empiece a redactar su mensaje en modo HTML. Inserte las siguientes etiquetas:. En lugar del pase, pegue la dirección copiada del archivo gráfico.

Paso 4

Verifique que la inserción sea correcta en el modo de vista previa. El archivo debe mostrarse en la ventana en su tamaño original. Si no hay imagen, verifique la precisión de la dirección ingresada.

Paso 5

Si ha subido una imagen grande y desea mostrarla a escala, ajuste las etiquetas. Después de las comillas de cierre, inserte una etiqueta width = o height =, y luego el tamaño deseado en píxeles. Por ejemplo:. En este caso, obtendrá una imagen orientada verticalmente con una altura de 800 píxeles.

Paso 6

Al diseñar con las siguientes etiquetas, el tamaño no se ajusta, pero aparece un marco alrededor de la imagen:. El color del marco es rojo, el grosor es de 5 píxeles. Cambie las opciones apropiadas para que coincidan con los colores y tamaños que desee.

Recomendado: