Siaran ini akan menerangkan secara ringkas kaedah untuk menambah imej daripada URL.
Bagaimana untuk Menambah Imej Daripada URL dalam HTML/CSS?
Dalam HTML/CSS, dua kaedah tersedia untuk menambah imej menggunakan URL, yang disenaraikan di bawah:
- Kaedah 1: Tambah Imej Menggunakan Elemen dalam HTML
- Kaedah 2: Tambah Imej Menggunakan CSS Properties dalam HTML
Kaedah 1: Tambah Imej dengan Menggunakan Elemen
' elemen ” ialah elemen kosong tunggal yang tidak mempunyai kandungan kanak-kanak dan teg penamat. ' src ” dan “ segala-galanya ” ialah dua atribut utama yang digunakan dalam teg “ ”.
Mari lihat arahan yang diberikan di bawah untuk menambah imej menggunakan elemen !
Langkah 1: Buat Bekas div
Pertama, buat bekas div dengan menggunakan ' Seterusnya, gunakan teg tajuk yang diperlukan daripada “ ” kepada “ ” tag. Sebagai contoh, kami akan menggunakan teg Selepas itu, tambah ' ” dan masukkan atribut yang disenaraikan di bawah di dalam teg imej: Mengikut output yang diberikan di bawah, imej yang ditentukan telah berjaya ditambahkan: Pembangun juga boleh menambah imej daripada URL menggunakan CSS “ imej latar belakang ” CSS. untuk tujuan ini, ikuti langkah yang diberikan di bawah. Mula-mula, masukkan teks tajuk dengan bantuan teg pembuka dan penutup Seterusnya, buat bekas div dengan menggunakan tag Sekarang, akses kelas melalui pemilih titik “ . ” dan nama kelas yang telah dibuat sebelum ini. Selepas itu, gunakan sifat CSS yang disenaraikan di bawah untuk menambah imej daripada URL di dalam kelas: Dalam kod yang disediakan di atas: Pengeluaran Anda telah mempelajari tentang kaedah yang berbeza untuk menambah imej daripada URL. Untuk menambah imej daripada URL, pembangun boleh menggunakan ' ” tag. Kemudian, masukkan “ src ” dan tetapkan URL sebagai nilai “src”. Tambahan pula, pengguna boleh menambah imej daripada URL dengan menggunakan CSS “ imej latar belakang ” harta benda. Tulisan ini telah menyatakan kaedah untuk menambah imej daripada URL dalam HTML/CSS.
Langkah 2: Sisipkan Tajuk
dan menambah teks tertentu sebagai tajuk di dalam teg pembukaan dan penutup.
Langkah 3: Tambah Imej Menggunakan URL
< div kelas = 'img-conatiner' >
< h2 > Tambah Imej Dengan URL < / h2 >
< img src = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' segala-galanya = 'Imej!' ketinggian = '400px' lebar = '300px' / >
< / div >
Kaedah 2: Tambah Imej Menggunakan CSS Properties dalam HTML
Langkah 1: Sisipkan Tajuk
.
Langkah 2: Cipta div Container
> Tambah Imej Dengan URL
>
Langkah 3: Akses Bekas
Langkah 4: Tambah Imej Menggunakan Harta CSS 'imej latar belakang'.
ketinggian : 400px ;
lebar : 250px ;
saiz latar belakang : mengandungi ;
Imej latar belakang : url ( https : //imej .pexels .com/photos/ 2260800 /pexels-photo- 2260800 .jpeg? auto = mampat&cs = tinysrgb&w = 1260 &h = 750 &dpr = satu )
}
Kesimpulan