Cómo insertar una imagen en el sitio usando html

Cómo insertar una imagen en el sitio usando html

Los artículos en Internet parecen secos e incompletos si el texto no es diluido por medios adicionales. La decoración más sencilla y accesible de una publicación de blog o sitio - ilustración de la imagen. Publicarlo es posible cuando se utilizan etiquetas especiales.

Cómo insertar una imagen en el sitio usando html

Necesitarás

  • - acceso a Internet;
  • foto

Instrucciones

1

Existe la opinión de que la publicación directa es posibleimágenes almacenadas en el ordenador. Esto es un error: si su computadora no es un servidor de 24 horas, la imagen no se mostrará en el mensaje.

2

Descargar imagen en un repositorio especial, como "Yandex.imágenes "o Ipicture.ru. Es importante que el archivo sea visible y siempre en línea. Abra la imagen en la página final del sitio y copie la dirección de la línea correspondiente.

3

Comience a crear un mensaje en modo HTML. Inserte las siguientes etiquetas: <img src = "dirección de la imagen en la red">. En la ubicación de la insignia, pegue la dirección copiada del archivo gráfico.

4

Compruebe la corrección del inserto en el modo de vista previa. El archivo debe mostrarse en la ventana en su tamaño original. Si no hay imagen, compruebe la exactitud de la dirección introducida.

5

Si ha subido una imagen y desea mostrarlo en escala, ajustaretiquetas Después de la comilla final, inserte la etiqueta width = o height = y, a continuación, el tamaño deseado en píxeles. Por ejemplo: <img src = "la dirección de su imagen" width = 500 height = 800 "> En este caso, obtendrá una imagen orientada verticalmente con una altura de 800 píxeles.

6

Al hacer las siguientes etiquetas, el tamaño no esAjustable, pero el marco alrededor de la imagen aparece: <img src = "" style = "border: 5px red;">. El color del marco es rojo, el grosor es de 5 píxeles. Cambie las opciones apropiadas para lograr los colores y tamaños deseados.

0