Bagaimana Cara Menambahkan Gambar Ke Situs?

Daftar Isi:

Bagaimana Cara Menambahkan Gambar Ke Situs?
Bagaimana Cara Menambahkan Gambar Ke Situs?

Video: Bagaimana Cara Menambahkan Gambar Ke Situs?

Video: Bagaimana Cara Menambahkan Gambar Ke Situs?
Video: Tutorial Dasar Html #6 - Cara Memasukkan Gambar Pada HTML 2024, Mungkin
Anonim

Situs apa pun membosankan tanpa grafik. Gambar membantu membuat halaman Anda lebih indah dan informatif, dan sebagian besar informasi lebih mudah disampaikan kepada pembaca dengan bantuan gambar visual. Sangat mudah untuk memasukkan gambar ke dalam situs web.

Bagaimana cara menambahkan gambar ke situs?
Bagaimana cara menambahkan gambar ke situs?

instruksi

Langkah 1

Pertama, pilih gambar yang ingin Anda sisipkan ke halaman. Pastikan itu tidak memiliki hak cipta dan Anda tidak akan kesulitan menggunakannya di situs Anda. Dalam hal apa pun Anda tidak boleh menghapus hak cipta penulis. Lebih baik tanyakan padanya dan minta izin untuk menggunakan gambar itu.

Langkah 2

Unggah gambar ke server yang menghosting situs Anda, atau ke bank foto mana pun (misalnya, radikal.ru). Salin alamat gambar dan simpan dalam dokumen teks.

Langkah 3

Tag utama tempat gambar ditampilkan di situs adalah tempat, alih-alih tanda bintang, Anda harus memasukkan URL gambar. Jika Anda menulis tag dengan cara ini, gambar di situs Anda akan ditampilkan dalam ukuran aslinya dan dengan batas ungu di sekitarnya.

Langkah 4

Jika Anda ingin menghapus perbatasan, maka tag akan terlihat seperti ini:. Sebaliknya, jika Anda ingin memiliki batas di sekitar gambar, tentukan ukuran yang diinginkan dalam piksel, bukan nol. Dan dengan bantuan atribut bordercolor, Anda dapat mengatur warna perbatasan yang diinginkan. Misalnya, gambar yang diberi tag akan memiliki batas hitam empat piksel.

Langkah 5

Dengan bantuan atribut yang ditentukan, Anda dapat mengubah ukuran gambar. Untuk melakukan ini, masukkan nilai parameter lebar dan tinggi ke dalam tag, yang masing-masing menunjukkan lebar dan tinggi gambar. Nilai yang Anda butuhkan harus dalam piksel dan diapit tanda kutip.

Langkah 6

Agar gambar cocok dengan struktur situs, itu harus ditempatkan dengan benar. Atribut align dalam tag akan membantu Anda dalam hal ini. Itu dapat mengambil nilai yang berbeda: kiri, kanan, dan tengah. Opsi pertama berarti bahwa gambar akan ditempatkan di sebelah kiri halaman, yang kedua - di sebelah kanan, sedangkan yang ketiga memungkinkan Anda untuk menempatkan gambar di tengah halaman. Nilai-nilai ini juga harus diapit dengan tanda kutip.

Langkah 7

Setelah Anda benar-benar menulis tag gambar, tempelkan ke struktur situs Anda dan simpan perubahannya. Jika Anda melakukan semuanya dengan benar, gambar akan muncul di halaman Anda.

Direkomendasikan: