Esta publicación explicará brevemente el método para agregar la imagen desde una URL.
¿Cómo agregar una imagen desde una URL en HTML/CSS?
En HTML/CSS, hay dos métodos disponibles para agregar una imagen mediante la URL, que se enumeran a continuación:
- Método 1: Agregar imagen usando un elemento en HTML
- Método 2: Agregar imagen usando propiedades CSS en HTML
Método 1: Agregar imagen usando el elemento
Él ' El elemento ” es un único elemento vacío que no tiene contenido secundario ni etiqueta final. Él ' origen ' y ' todo ” son dos atributos clave que se utilizan dentro de la etiqueta “ ”.
¡Veamos las instrucciones a continuación para agregar una imagen usando el elemento !
Paso 1: haz un contenedor div
Primero, cree un contenedor div utilizando el ' Luego, use la etiqueta de encabezado requerida de “ ' a ' ' etiqueta. Por ejemplo, utilizaremos la etiqueta Después de eso, agregue un ' ” e inserte los atributos enumerados a continuación dentro de la etiqueta de la imagen: De acuerdo con el resultado que se muestra a continuación, la imagen especificada se ha agregado correctamente: Los desarrolladores también pueden agregar la imagen desde una URL usando el CSS “ imagen de fondo ” CSS. para este propósito, siga los pasos dados a continuación. Primero, inserte un texto de encabezado con la ayuda de la etiqueta de apertura y cierre A continuación, cree un contenedor div utilizando la etiqueta Ahora, acceda a la clase a través del selector de puntos “ . ” y el nombre de la clase que se creó anteriormente. Después de eso, aplique las propiedades CSS que se enumeran a continuación para agregar la imagen desde una URL dentro de la clase: En el código proporcionado anteriormente: Producción Ha aprendido acerca de los diferentes métodos para agregar imágenes desde una URL. Para agregar una imagen desde una URL, los desarrolladores pueden utilizar el ' ' etiqueta. Luego, inserte el “ origen ” y asigne la URL como el valor “src”. Además, el usuario puede agregar una imagen desde la URL usando el CSS “ imagen de fondo ' propiedad. Este artículo ha establecido los métodos para agregar la imagen desde la URL en HTML/CSS.
Paso 2: Insertar encabezado
y agregaremos el texto particular como encabezado dentro de las etiquetas de apertura y cierre.
Paso 3: Agrega una imagen usando una URL
< división clase = 'img-contenedor' >
< h2 > Agregar imagen con URL < / h2 >
< imagen origen = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' todo = '¡Imagen!' altura = '400px' ancho = '300px' / >
< / división >
Método 2: Agregar imagen usando propiedades CSS en HTML
Paso 1: Insertar encabezado
.
Paso 2: Crear contenedor div
> Añadir imagen con URL
>
Paso 3: Contenedor de acceso
Paso 4: Agregar imagen usando la propiedad CSS 'imagen de fondo'
altura : 400px ;
ancho : 250px ;
tamaño de fondo : Contiene ;
Imagen de fondo : URL ( https : //imágenes .pexels .com/fotos/ 2260800 /pexels-foto- 2260800 .jpeg? auto = comprimir y cs = tinysrgb&w = 1260 & h = 750 &dpr = 1 )
}
Conclusión