1.4 KiB
| title | localeTitle |
|---|---|
| Img Src Attribute | Atributo Img Src |
Atributo Img Src
El atributo <img src> refiere a la fuente de la imagen que desea mostrar. La etiqueta img no mostrará una imagen sin el atributo src . Sin embargo, si configura la fuente en la ubicación de la imagen, puede mostrar cualquier imagen.
Hay una imagen del logotipo de freeCodeCamp ubicado en https://avatars0.githubusercontent.com/u/9892522?v=4&s=400
Puedes establecer eso como la imagen usando el atributo src .
<html>
<head>
<title>Img Src Attribute Example</title>
</head>
<body>
<img src="https://avatars0.githubusercontent.com/u/9892522?v=4&s=400">
</body>
</html>
El código de arriba se muestra así:
El atributo src es compatible con todos los navegadores.
También puede tener un archivo alojado localmente como su imagen.
Por ejemplo, <img src="images/freeCodeCamp.jpeg> funcionaría si tuviera una carpeta llamada images que tuviera freeCodeCamp.jpeg dentro, siempre y cuando la carpeta 'images' estuviera en la misma ubicación que el archivo index.html .
../files/index.html
..files/images/freeCodeCamp.jpeg