wikiHow adalah "wiki", mirip dengan Wikipedia, yang berarti bahwa banyak artikel kami ditulis bersama oleh banyak penulis. Untuk membuat artikel ini, 45 orang, beberapa anonim, bekerja untuk mengedit dan memperbaikinya dari waktu ke waktu
Tim Teknologi wikiHow juga mengikuti petunjuk artikel dan memverifikasi bahwa mereka berfungsi
Artikel ini telah dilihat 1.946.951 kali
Belajarlah lagi
Menambahkan gambar ke situs web atau profil jejaring sosial Anda adalah cara yang bagus untuk merapikan halaman Anda. Kode HTML untuk menambahkan gambar sangatlah mudah, dan seringkali menjadi salah satu pelajaran pertama bagi pemula HTML
Unggah gambar Anda. Ada banyak layanan hosting gambar gratis, seperti Album Web Picasa, Imgur, Flickr, atau Photobucket. Baca ketentuannya dengan cermat. Beberapa layanan akan mengurangi kualitas gambar Anda, atau menghapus gambar Anda jika terlalu banyak orang yang melihatnya (karena ini menghabiskan lebar pita host)
- Beberapa layanan hosting blog memungkinkan Anda mengunggah gambar menggunakan alat administrator blog
- Jika Anda memiliki host web berbayar, unggah gambar ke situs Anda sendiri menggunakan layanan FTP. Membuat direktori "gambar" disarankan untuk mengatur file Anda
- Jika Anda ingin menggunakan gambar di situs web lain, minta izin pembuatnya. Jika dia memberikannya, unduh gambarnya, lalu unggah gambar tersebut ke situs hosting gambar
Buka file HTML Anda. Buka dokumen HTML untuk halaman web tempat gambar akan ditampilkan
- Jika Anda mencoba menyisipkan gambar di forum, Anda dapat mengetik langsung di postingan. Banyak forum menggunakan sistem khusus, bukan HTML. Minta bantuan dari pengunjung forum lain jika ini tidak berhasil
Mulailah dengan tag img. Temukan titik di badan HTML tempat Anda ingin menyisipkan gambar. Tulis tagnya
Tambahkan atribut alt. Secara teknis HTML Anda memiliki semua yang diperlukan untuk menampilkan gambar, tetapi sebaiknya tambahkan juga atribut alt. Ini memberi tahu browser teks apa yang akan ditampilkan ketika gambar gagal dimuat. Lebih penting lagi, ini membantu mesin telusur mengetahui tentang gambar Anda, dan memungkinkan pembaca layar menjelaskan gambar tersebut kepada pengunjung yang memiliki gangguan penglihatan. Ikuti contoh ini, ubah teks di dalam tanda kutip
- Jika gambar tidak penting untuk konten halaman, sertakan atribut alt tanpa teks (alt="")
Simpan perubahan Anda. Simpan file HTML ke situs web Anda. Kunjungi halaman yang baru saja Anda edit, atau segarkan halaman jika Anda sudah membukanya. Anda sekarang harus melihat gambar Anda. Jika ukurannya salah atau Anda tidak puas karena alasan lain, lanjutkan ke bagian berikutnya
Mengubah ukuran gambar. Untuk hasil terbaik, ubah ukuran gambar menggunakan perangkat lunak pengedit gratis, lalu unggah versi baru. Menyetel lebar dan tinggi menggunakan HTML memberi tahu browser untuk mengecilkan atau memperluas gambar, yang dapat menjadi tidak konsisten di seluruh browser dan (jarang) menyebabkan kesalahan tampilan. Jika Anda menginginkan penyesuaian yang cepat dan dapat diperbaiki, gunakan format ini
- (Jumlah piksel, atau "piksel CSS" yang lebih ramah telepon di HTML5. )
- atau (Persentase dimensi halaman web, atau persentase elemen HTML yang berisi gambar. )
- Jika Anda hanya memasukkan satu atribut (lebar atau tinggi), browser harus mempertahankan lebarnya. rasio tinggi
Tambahkan keterangan alat. Atribut judul dapat digunakan untuk menambahkan komentar tambahan atau informasi tentang gambar. Misalnya, Anda dapat memberi kredit pada artis di sini. Dalam kebanyakan kasus, teks ini akan ditampilkan saat pengunjung mengarahkan kursor ke gambar
Jadikan itu tautan. Untuk membuat gambar yang juga merupakan tautan, sisipkan tag gambar di dalam tag hyperlink. Ini sebuah contoh
Tambahkan Pertanyaan Baru
Saya memiliki gambar di komputer saya. Bisakah saya memasukkannya ke dalam HTML tanpa mengunggahnya ke situs web?
Anda bisa, tetapi gambar tersebut hanya akan ada di komputer Anda, dan tidak dapat dilihat oleh orang lain yang mengunjungi situs web Anda. Untuk melakukannya, gunakan jalur file gambar alih-alih URL. Untuk menemukan jalur file, gunakan fungsi "Buka File" browser untuk membuka gambar, lalu lihat bilah alamat. Itu akan mengatakan sesuatu seperti "C. \Users\wikihow\image. jpg"
Apakah harus berupa file jpg saat memasukkan gambar dengan HTML?
TIDAK. Anda dapat menggunakan jenis file gambar apa pun kecuali situs web hosting hanya mengizinkan jenis file tertentu
Haruskah saya mengubah ukuran gambar sebelum mengunggah, atau dapatkah saya menggunakan atribut lebar dan tinggi saja?
Jika Anda memperkecil ukuran gambar yang sangat besar, sebaiknya lakukan itu di perangkat lunak pengedit gambar sebelum mengunggah. Pengunjung situs web Anda harus mengunduh gambar persis seperti yang Anda unggah, meskipun itu hanya berupa thumbnail kecil di layarnya
Sertakan alamat email Anda untuk mendapatkan pesan saat pertanyaan ini dijawab
KirimDalam kebanyakan kasus, Anda ingin tetap menggunakan gambar dengan format file. gif,. jpeg,. jpg, atau. png. Format lain tidak mungkin ditampilkan dengan benar di semua browser
Simpan cadangan gambar di komputer Anda, untuk berjaga-jaga
Pastikan URL menyertakan format file gambar (. jpg,. gif, dll)
Terima kasih telah mengirimkan tip untuk ditinjau
. Letakkan kode gambar di tempat yang Anda inginkan dan file JPG akan disematkan ke dalam dokumen HTML. Gambar akan ditampilkan setelah pengguna membuka dokumen itu di browser web. . Put the image code in where you want and the JPG file will be embedded into the HTML document. The image will display once the user opens that document in a web browser.