Cómo escribir código para proyectos de imagen

proyectos en línea que incluyen imágenes requieren un elemento de código HTML conocido como "etiquetas img", abreviatura de etiquetas de imagen. La etiqueta "<img>" define las imágenes en HTML. Las etiquetas de imagen se pueden utilizar en combinación con otras etiquetas HTML para mostrar simplemente una imagen o un hipervínculo él también. También pueden ser utilizados para definir ciertos atributos de una imagen.

Cualquiera que sea opcional personalizaciones que realice en la imagen que se está mostrando, la etiqueta de imagen es imprescindible para la escritura de código para proyectos de imagen.

Instrucciones

1 Comience a escribir el código HTML para una imagen que desee incluir en su proyecto escribiendo lo siguiente:

<img

Esta es una etiqueta de imagen abierta. Debe ser seguido por una "etiqueta de origen" para identificar qué imagen de render o de lo contrario no se mostrará ninguna imagen.

2 Introduzca la ruta al archivo de imagen utilizando una etiqueta de origen después de la etiqueta de la imagen, a continuación, cierre la etiqueta de imagen, como esto:

<Img />

"Elephant.jpg" representa la ruta de acceso al archivo de imagen, la fuente de la imagen. Esto podría ser una imagen en el mismo directorio que el archivo HTML, o una dirección web completa, como "http://mywebsite.com/elephant.jpg."

El código anterior podría suponer que muestre una imagen que tienes de un elefante. El "/>" al final de la línea de código indica que estoy cerrando la etiqueta de imagen Abrí al comienzo de la línea de código.

Si sólo desea mostrar las imágenes tal como son y no hacen nada más con ellos, el código anterior es suficiente.

3 Añadir el código que ha escrito con la siguiente si lo desea para su imagen para doblar como un hipervínculo a otra página Web:

<a href="http://www.website.com">

<Img />

</a>

La etiqueta "<a href>" se refiere a una referencia de hipervínculo, y es el código estándar que se utiliza para incluir enlaces. El código anterior podría vincular nuestra imagen ejemplo de un elefante para "http://www.website.com."

Ahora está listo para empezar a escribir código para proyectos de imagen. Hay muchos otros elementos que se pueden incluir las etiquetas de imagen, pero se requiere ninguna. Para más información, consulte las secciones Referencias y Recursos.