¿Puede alguno de ustedes explicar el código HTML escrito a continuación?

Las etiquetas anteriores en una página html mostrarán una imagen de gatos corriendo en el tamaño exacto de la pantalla que realmente se muestra. ¡Todavía puede hacer clic en esa imagen en la página web pero no lo redirigirá a ninguna parte!

Okay. Pasemos a la ilustración.

a es una etiqueta de anclaje para tener cualquier hipervínculo cuando hace clic en la imagen (o) el texto, cualquiera que sea la etiqueta de anclaje incluida. Dado que href = # aquí, esto le daría la opción de hacer clic con el mouse en la imagen. Pero no te redirigirá a ninguna parte. En lugar de #, si tiene un hipervínculo, digamos ( http://www.google.com ), esto intentaría iniciar la página.

Img es una etiqueta de imagen que se utiliza para mostrar imágenes en una página web. La clase ‘img-responsive’ es una clase bootstrap, que se adaptaría a su imagen de acuerdo con el tamaño de la pantalla. Intente tener estas etiquetas anteriores en una página web de muestra e intente iniciar en dispositivos móviles, tabletas y computadoras portátiles. La imagen se mostrará de forma receptiva de acuerdo con la pantalla principal.

El atributo Src es proporcionar la fuente de la imagen que tuvo que mostrarse en la página web.

Alt es el atributo (texto alternativo) que ayudaría al usuario a comprender con un texto alternativo si no se puede cargar toda la imagen en la página web.

Espero que esto aclare.

La etiqueta de anclaje “a” se utiliza para agregar hipervínculos a cualquier objeto. Si desea redirigir al usuario a otra página en el mismo sitio web oa un sitio web diferente, debe usar la etiqueta de anclaje “a” de otra manera para la función de JavaScript del usuario.

en este caso href = “#” no hará nada, permanecerá en la misma página.

si agrega href = “http://www.google.com” que cuando el usuario hace clic en la imagen, será redirigido a google.com.

Esto se puede escribir usando el marco de arranque. significa que no redirigirá a ninguna etiqueta. Esto se utiliza para llamar ‘self’. significa que llama a una clase img-responsive que se define en el marco de arranque. src define la ubicación de la imagen. La etiqueta alt se utiliza para definir alguna descripción sobre la imagen. Esto se muestra en caso de que la imagen no se cargue o incluso en SEO. significa cerrar la etiqueta de la etiqueta de anclaje.

Espero que tengas la respuesta.

Aquí, usando la etiqueta de anclaje , se crea un enlace. Ahora, dentro de la etiqueta que ve, hay una etiqueta de imagen, donde su fuente se está publicando en algún enlace. Simplemente puede copiar el enlace y en una nueva pestaña vaya al enlace. Verás una imagen de gato. Ahora, dentro de la etiqueta , verá que src es la fuente desde donde se buscará la imagen. Otro atributo que ves es la etiqueta alt. Este es un tipo de etiqueta que se le da a una imagen, cuando pasas el cursor sobre la imagen puedes ver esto, también en el peor de los casos cuando la imagen no se carga, en lugar de la imagen puedes ver este contenido de etiqueta alternativa escrito.

Este fragmento de código describe que hay una imagen asignada para el hipervínculo y la URL de la imagen se ha dado como src en la etiqueta . Si la imagen mencionada en la URL no está disponible, entonces el texto alternativo (es decir, un lindo gato naranja acostado en su parte posterior) se muestra en su lugar.

alt = supongamos que la imagen no está disponible … ese texto “un lindo gato naranja acostado de espaldas” se mostrará …

class = “img-reponsive” para uso receptivo como

.img-responsive {

ancho: 100%;

altura: auto;

}

src = destino de la imagen en url

—————————————————————————————————

https://bit.ly/fcc-running-cats&quot ; alt =” Un lindo gato naranja acostado de espaldas. “>

si hace clic en la imagen … redirigirá a ese sitio web 🙂

había un enlace de imagen, y tiene un enlace en blanco (nulo). Si hace clic en esta imagen que está obteniendo de esta URL img, no hará nada (debido al valor nulo del enlace (#).

Es una imagen encerrada con que proporciona el enlace para ir si hace clic en la imagen.