Cara Menyematkan Gambar Di Situs Web Menggunakan Html

Daftar Isi:

Cara Menyematkan Gambar Di Situs Web Menggunakan Html
Cara Menyematkan Gambar Di Situs Web Menggunakan Html

Video: Cara Menyematkan Gambar Di Situs Web Menggunakan Html

Video: Cara Menyematkan Gambar Di Situs Web Menggunakan Html
Video: Tutorial Dasar Html #6 - Cara Memasukkan Gambar Pada HTML 2024, April
Anonim

Artikel di Internet terkesan kering dan tidak lengkap jika teksnya tidak diencerkan dengan media tambahan. Dekorasi posting blog atau situs web yang paling sederhana dan paling mudah diakses adalah ilustrasi gambar. Itu dapat diterbitkan menggunakan tag khusus.

Cara menyematkan gambar di situs web menggunakan html
Cara menyematkan gambar di situs web menggunakan html

Itu perlu

  • - akses ke internet;
  • - gambar.

instruksi

Langkah 1

Diyakini bahwa penerbitan langsung gambar yang disimpan di komputer dimungkinkan. Ini adalah kesalahan: jika komputer Anda bukan server 24/7, gambar tidak akan ditampilkan dalam pesan.

Langkah 2

Unggah gambar ke penyimpanan khusus, seperti Yandex.fotka atau Ipicture.ru. Adalah penting bahwa file dapat dilihat dan selalu online. Buka gambar di halaman situs target dan salin URL dari baris yang sesuai.

Langkah 3

Mulai buat pesan Anda dalam mode HTML. Masukkan tag berikut:. Sebagai ganti pass, tempel alamat yang disalin dari file grafik.

Langkah 4

Periksa penyisipan yang benar dalam mode pratinjau. File harus ditampilkan di jendela dengan ukuran aslinya. Jika tidak ada gambar, periksa keakuratan alamat yang dimasukkan.

Langkah 5

Jika Anda telah mengunggah gambar besar dan ingin menampilkannya dalam skala besar, sesuaikan tag. Setelah tanda kutip penutup, masukkan tag width = atau height =, dan setelah itu ukuran yang diinginkan dalam piksel. Contohnya:. Dalam hal ini, Anda akan mendapatkan gambar berorientasi vertikal dengan ketinggian 800 piksel.

Langkah 6

Saat menata dengan tag berikut, ukurannya tidak disesuaikan, tetapi bingkai muncul di sekitar gambar:. Warna bingkai merah, ketebalan 5 piksel. Ubah opsi yang sesuai agar sesuai dengan warna dan ukuran yang Anda inginkan.

Direkomendasikan: