Cara Meletakkan Gambar Dalam HTML

Isi kandungan:

Cara Meletakkan Gambar Dalam HTML
Cara Meletakkan Gambar Dalam HTML

Video: Cara Meletakkan Gambar Dalam HTML

Video: Cara Meletakkan Gambar Dalam HTML
Video: Tutorial Dasar Html #6 - Cara Memasukkan Gambar Pada HTML 2024, November
Anonim

Teks di laman web jauh lebih mudah dibaca apabila digambarkan. HTML menempah tanda img untuk tujuan ini. Menggunakannya dalam kombinasi dengan tag lain, anda dapat menjadikan gambar sebagai pautan aktif, termasuk versi yang lebih besar dari gambar yang sama.

Cara meletakkan gambar dalam HTML
Cara meletakkan gambar dalam HTML

Arahan

Langkah 1

Sekiranya fail gambar dan fail HTML terletak di folder yang sama, gunakan kod HTML berikut untuk memasukkan gambar: di mana imagename.jpg

Langkah 2

Sekiranya fail gambar terletak di pelayan yang sama, tetapi dalam folder lain, ubah pembinaan ini seperti berikut: di mana /folder/anotherfolder/imagename.jpg

Langkah 3

Letakkan gambar yang disimpan di pelayan lain dengan berhati-hati - perlindungan terhadap pencucian mungkin diaktifkan di sana, dan kemudian daripada gambar yang diinginkan, pelawat ke halaman anda akan melihat amaran mengenai perlindungan tersebut. Sekiranya tidak ada perlindungan seperti itu, dan pemilik pelayan pihak ketiga tidak keberatan memasukkan gambar yang disimpan di sana ke dalam halaman orang lain, gunakan coretan kod berikut: di mana https://server.domain/folder/anotherfolder/imagename.jpg

Langkah 4

Agar gambar pada masa yang sama menjadi pautan ke halaman lain, gunakan kod berikut:, di mana linktext adalah alamat pautan (tempatan atau global).

Langkah 5

Akhirnya, supaya apabila pengguna mengklik gambar, pengguna dapat melihat salinannya yang diperbesar, mengubah fragmen sebelumnya seperti berikut: di mana imagename-big.jpg

Disyorkan: