Cara Mengonversi Gambar ke Kode HTML

Mengetik tangan di keyboard

Tangan seorang pria di papan ketik komputer

Kredit Gambar: JatinderKumar/iStock/Getty Images

Hanya dengan beberapa potongan kode HTML, Anda dapat menyematkan gambar ke halaman web, email, atau dokumen HTML atau XML berbasis Internet lainnya. Meskipun Anda tidak dapat "mengubah" gambar ke kode HTML, Anda dapat menyimpan gambar secara lokal atau di alamat Web tertentu dan kemudian menetapkan tempat untuk itu dalam dokumen HTML. Anda juga dapat menentukan berapa banyak piksel besar gambar yang akan muncul, baik secara vertikal maupun horizontal. Baca terus untuk mempelajari cara mengonversi gambar ke kode HTML.

Langkah 1

Pilih gambar. Itu bisa berupa gambar apa saja dengan ukuran berapa pun.

Video Hari Ini

Langkah 2

Simpan gambar secara lokal atau online. Ini berarti Anda dapat menyimpannya ke komputer Anda atau di alamat Web tertentu. Jika Anda ingin orang lain dapat melihat gambar secara online, Anda perlu mengunggah gambar ke server Web. Gunakan server situs web Anda, atau jika Anda tidak memiliki situs web, coba gunakan Picasa atau aplikasi penyimpanan dan berbagi gambar lainnya. Catat URL tempat foto disimpan.

Langkah 3

Buka dokumen HTML. Gunakan tag gambar dan URL persis tempat gambar disimpan: . Ini akan menyematkan gambar ke dalam dokumen HTML Anda. Ketika pengguna membuka dokumen itu melalui browser Web atau program lain, gambar akan muncul.

Langkah 4

Sesuaikan lebar gambar sesuai keinginan Anda, dalam hal piksel. Sekali lagi, gunakan URL tempat gambar disimpan. Sebagai contoh, http://example.com/image.jpg" lebar=400>. Ini akan meregangkan atau mengecilkan lebar gambar yang ada menjadi 400 piksel.

Langkah 5

Sesuaikan ketinggian gambar sesuai keinginan Anda, dalam hal piksel. Sebagai contoh, . Ini akan meregangkan atau mengecilkan tinggi gambar yang ada menjadi 700 piksel.

Langkah 6

Gabungkan penyesuaian lebar dan tinggi sesuai kebutuhan. Sebagai contoh, .

Langkah 7

Ubah gambar menjadi tautan jika diinginkan. Gunakan tag jangkar dengan tag gambar yang disematkan di dalamnya. Sebagai contoh, .