Cara Menambah Gambar Ke Laman Web

Isi kandungan:

Cara Menambah Gambar Ke Laman Web
Cara Menambah Gambar Ke Laman Web

Video: Cara Menambah Gambar Ke Laman Web

Video: Cara Menambah Gambar Ke Laman Web
Video: Tutorial Dasar Html #6 - Cara Memasukkan Gambar Pada HTML 2024, Mungkin
Anonim

Mana-mana laman web membosankan tanpa grafik. Imej membantu menjadikan halaman anda lebih cantik dan bermaklumat, dan banyak maklumat lebih senang disampaikan kepada pembaca dengan bantuan gambar visual. Sangat mudah memasukkan gambar ke dalam laman web.

Cara menambah gambar ke laman web
Cara menambah gambar ke laman web

Arahan

Langkah 1

Pertama, pilih gambar yang ingin anda masukkan ke dalam halaman. Pastikan ia tidak dilindungi hak cipta dan anda tidak akan menghadapi masalah menggunakannya di laman web anda. Anda tidak boleh membuang hak cipta pengarang. Lebih baik hubungi dia dan minta izin untuk menggunakan gambar tersebut.

Langkah 2

Muat naik gambar ke pelayan yang mengehoskan laman web anda, atau ke bank foto mana pun (contohnya, radikal.ru). Salin alamat gambar dan simpan dalam dokumen teks.

Langkah 3

Tanda utama dengan gambar yang dipaparkan di laman web adalah di mana, bukannya tanda bintang, anda mesti memasukkan URL gambar. Sekiranya anda menulis teg dengan cara ini, gambar di laman web anda akan dipaparkan dalam ukuran asalnya dan dengan sempadan ungu di sekelilingnya.

Langkah 4

Sekiranya anda ingin membuang sempadan, maka tag tersebut akan kelihatan seperti ini:. Sekiranya, sebaliknya, anda ingin mempunyai sempadan di sekitar gambar, tentukan ukuran yang diingini dalam piksel dan bukannya sifar. Dan dengan bantuan atribut bordercolor, anda boleh menetapkan warna sempadan yang diinginkan. Sebagai contoh, gambar yang ditandai akan mempunyai sempadan hitam empat piksel.

Langkah 5

Dengan bantuan atribut yang ditentukan, anda boleh mengubah ukuran gambar. Untuk melakukan ini, masukkan pada tag nilai parameter lebar dan tinggi, yang masing-masing menunjukkan lebar dan tinggi gambar. Nilai yang anda perlukan mestilah dalam piksel dan disertakan dalam tanda petik.

Langkah 6

Agar gambar sesuai dengan struktur laman web, gambar mesti diletakkan dengan betul. Atribut align dalam tag akan membantu anda dalam hal ini. Ia boleh mengambil nilai yang berbeza: kiri, kanan, dan tengah. Pilihan pertama bermaksud bahawa gambar akan diletakkan di sebelah kiri halaman, yang kedua - di sebelah kanan, sementara yang ketiga akan membolehkan anda meletakkan gambar di tengah halaman. Nilai-nilai ini juga mesti dimasukkan dalam tanda petik.

Langkah 7

Setelah anda menulis label gambar sepenuhnya, tampalkannya ke struktur laman web anda dan simpan perubahannya. Sekiranya anda melakukan semuanya dengan betul, gambar akan muncul di halaman anda.

Disyorkan: