Cómo Agregar Una Imagen Al Sitio

Tabla de contenido:

Cómo Agregar Una Imagen Al Sitio
Cómo Agregar Una Imagen Al Sitio

Video: Cómo Agregar Una Imagen Al Sitio

Video: Cómo Agregar Una Imagen Al Sitio
Video: como insertar una imagen en html | la forma más sencilla! 2024, Mayo
Anonim

Cualquier sitio es aburrido sin gráficos. Las imágenes ayudan a que su página sea más hermosa e informativa, y gran parte de la información es más fácil de transmitir al lector con la ayuda de dibujos visuales. Es muy fácil insertar una imagen en un sitio web.

Cómo agregar una imagen al sitio
Cómo agregar una imagen al sitio

Instrucciones

Paso 1

Primero, seleccione la imagen que le gustaría insertar en la página. Asegúrese de que no tenga derechos de autor y no tendrá problemas para usarlo en su sitio. En ningún caso debe eliminar los derechos de autor del autor. Mejor consulte con él y pídale permiso para usar la imagen.

Paso 2

Cargue la imagen en el servidor que aloja su sitio o en cualquier banco de fotos (por ejemplo, radikal.ru). Copie la dirección de la imagen y guárdela en un documento de texto.

Paso 3

La etiqueta principal con la que se muestran las imágenes en el sitio es donde, en lugar de asteriscos, debes insertar la URL de la imagen. Si escribe la etiqueta de esta manera, la imagen de su sitio se mostrará en su tamaño original y con un borde morado alrededor.

Paso 4

Si desea eliminar el borde, la etiqueta debería verse así: Si, por otro lado, desea tener un borde alrededor de la imagen, especifique el tamaño deseado en píxeles en lugar de cero. Y con la ayuda del atributo bordercolor, puede establecer el color de borde deseado. Por ejemplo, una imagen etiquetada tendrá un borde negro de cuatro píxeles.

Paso 5

Con la ayuda del atributo prescrito, puede cambiar el tamaño de la imagen. Para ello, ponga en la etiqueta los valores de los parámetros de ancho y alto, que indican el ancho y alto de la imagen, respectivamente. Los valores que necesita deben estar en píxeles y entre comillas.

Paso 6

Para que la imagen se ajuste bien a la estructura del sitio, debe colocarse correctamente. El atributo de alineación en la etiqueta lo ayudará con esto. Puede tomar diferentes valores: izquierda, derecha y centro. La primera opción significa que la imagen se colocará a la izquierda de la página, la segunda, a la derecha, mientras que la tercera le permitirá colocar la imagen en el centro de la página. Estos valores también deben ir entre comillas.

Paso 7

Una vez que haya escrito completamente la etiqueta de imagen, péguela en la estructura de su sitio y guarde los cambios. Si hizo todo correctamente, la imagen aparecerá en su página.

Recomendado: