¿Cómo añadir imágenes a la página Web

Adición de imágenes a un sitio web añadirá detalle y un poco de brillo a sus páginas. Muchos de los visitantes quieren ver visualmente lo que está buscando y lo que sus páginas web están tratando de explicar. Una buena imagen ofrecerá a sus visitantes más información y una mejor experience.So, ¿cómo añadir imágenes a su sitio web? El proceso es bastante simple, y todo lo que hay que aprender es una etiqueta HTML simple. Esta etiqueta es la etiqueta de la imagen y se ve así: <img src = imagen-name.jpg>. Si usted wan para añadir una imagen a una página web, es necesario indicar al navegador donde la imagen es, y dónde se debe mostrar. La etiqueta <img src> se limita a that.Read para saber cómo añadir una imagen a su sitio web.

Instrucciones

Cómo agregar una imagen a un sitio Web

1 Sube la imagen a su servidor web mediante el cliente FTP en un directorio llamado "imágenes". A continuación, copie el nombre de la imagen y la ubicación. Usted tendrá que incluir esta ubicación en la etiqueta de imagen. Si pones todas tus imágenes en un directorio llamado imágenes, la ubicación de la imagen será "images / imagen-name.jpg".

2 Introduzca la etiqueta HTML <img de la imagen, y lo mostrará en la página web, es necesario introducir la ubicación de la imagen, por lo que el navegador pueda encontrarlo. Por lo tanto, entrar en la ubicación de la imagen en la etiqueta <img y se encuentra en el directorio de imágenes en su servidor web, debería insertar esta ubicación en la etiqueta HTML. Se leería <img dentro de la etiqueta <img src>, si desea dejar un borde, y luego se introduce un texto alternativo, dentro de la etiqueta. Este es el texto que se muestra en la pantalla del visitante como la imagen se está cargando. Si usted tiene una imagen de un coche, se podría añadir "alt = nueva imagen del coche", o algo por el estilo. Es decir cómo añadir una imagen a su sitio web.

Consejos y advertencias

• La posición de su imagen en un lugar donde no interfiera con la disposición de la página HTML.
• Agregar texto alternativo es una buena manera de aumentar su SEO.
• Si no desea un borde alrededor de la imagen, insertar la etiqueta border = "0" dentro de la etiqueta <img src = #>.
• La adición de "../" antes del nombre de directorio (en este caso "imágenes") hará que el navegador retroceder un directorio, y luego en el directorio de imágenes, si la página web que va a poner la imagen en, está en otro directorio. La etiqueta se verá así, <img src = "../ images / mi-primera-html-imagen.jpg">.
• Siempre utilice imágenes más pequeñas, ya que se cargan más rápido. Las imágenes grandes sólo frenar su velocidad de carga de página.
• Colocación de imágenes en una página web puede cambiar el diseño de la página. Use imágenes que se ajustan con el tamaño de página.
• El uso de imágenes con derechos de autor en su página web es ilegal. Debe obtener el permiso o pagar derechos de autor de todas las imágenes con derechos de autor.