Setelah mencoba beberapa solusi yang siap digunakan, yang tidak memerlukan pengetahuan apa pun tentang subjek, Anda memutuskan untuk mencoba tangan Anda dalam membuat situs Internet "mengotori tangan Anda" dengan kodeHTML. Anda sangat bersemangat tentang hal itu, tetapi ada beberapa hal yang belum dapat Anda pahami dengan baik.
Misalnya, Anda ingin beberapa klarifikasi tentangcara menyisipkan gambar dalam HTML, parameter apa yang benar untuk digunakan untuk memformat kode dan informasi apa yang dapat dimasukkan di bagian terakhir. Nah, ketahuilah bahwa Anda telah datang ke tempat yang tepat pada waktu yang tepat. Kami tidak membuang-buang waktu dan segera melihat semua yang perlu kami ketahui tentang memasukkan foto di situs Internet dan blog menggunakan kode HTML.
Untuk memahamicara menyisipkan gambar dalam HTML, Anda harus menghafal konsep kunci dengan baik: gambar yang Anda lihat di halaman Web situs Internet, blog, dan forum tidak disematkan di bagian terakhir tetapi diingat dari lokasi eksternal. Ini berarti bahwa setiap foto harus memiliki alamat unik yang dapat digunakan oleh pengguna untuk menggunakannya secara online.
Alamat sebuah gambar disusun dengan cara ini: di awal ada alamat dari ruang web yang di-host (misalnya) dan kemudian c ' adalah nama gambar ekstensi penuh (misalnyaImmagine.jpg). Alamat langsung dari sebuah gambar di Web harus memiliki komposisi jenisimmagine.jpg.
Pada titik ini, Anda akan bertanya-tanya, tetapi bagaimana Anda mengingat alamat sebuah gambar di halaman Web, untuk membuat foto terlihat oleh publik? Tidak ada yang bisa lebih sederhana. Cukup gunakan tagimgdiikuti oleh kata-katasrc =dan alamat gambar yang akan disisipkan di halaman yang diapit oleh tanda kutip. Melanjutkan dengan contoh di atas, Anda harus menggunakan format berikut:
Sekarang Anda tahu cara memasukkan gambar dalam HTMLmenggunakan beberapa kode dasar, tetapi Anda dapat menambahkan variabel lain untuk menentukan ukuran, pelurusan dan jarak foto dalam konteks dari halaman di mana mereka dimasukkan.Untuk menyelaraskan gambar di tengah, di sebelah kiri, di sebelah kanan, di atas atau di bawah pada halaman, yang harus Anda lakukan adalah menggunakan format yang baru saja kita lihat bersama dan menambahkannya ke variabel
align =diikuti oleh jenis ketentuan yang ingin Anda ambil ke foto. Berikut ini sebuah contoh:Dengan kode ini kami telah menyelaraskan gambar di tengah (nilai
tengah) tetapi dalam kenyataannya adalah mungkin untuk menggunakan banyak jenis variabel lain untuk penyelarasan:kirimeluruskan gambar di sebelah kiri;kananmenyejajarkan gambar di sebelah kanan;bawahmemiliki foto di kanan bawah baris pertama teks;tengahmemiliki foto di bagian tengah di sebelah kanan baris pertama teks;topmemiliki foto di kanan atas baris pertama teks.Seperti disebutkan di atas, melalui kode HTML Anda juga dapat mengubah ukuran gambar (hanya visual, tanpa memodifikasi file asli) dan menentukan jarak yang harus dibandingkan dengan elemen lain yang membentuk halaman Web di mana mereka disisipkan.
Untuk menunjukkan dimensi yang harus memiliki gambar, kita perlu menggunakan variabel
lebardantinggiyang menetapkan nilai dalam piksel, sedangkan untuk spasi kita harus menggunakan entrihspaceuntuk menunjukkan jarak horizontal danvspaceuntuk menunjukkan jarak vertikal. Berikut ini contoh foto berukuran 300 × 200 piksel dengan jarak vertikal dan horizontal 20 piksel:Akhirnya, mari kita lihat bagaimana mengaitkan tautan
dengan sebuah gambar, sehingga mengkliknya akan dialihkan ke halaman tertentu atau situs Web, dan bagaimana memasukkan deskripsi teks dari foto yang akan direproduksi jika ini tidak dapat dilakukan. ditampilkan dengan benar (mis. untuk kesalahan server atau untuk menghapus foto dari lokasi aslinya).Untuk menambahkan koneksi Internet ke suatu gambar, tidak perlu mengawali kodea href =
diikuti oleh alamat situs untuk menautkan ke kode gambar dan menyisipkan tagkedi akhir kode. Berikut adalah contoh di mana gambar yang telah kami gunakan sejauh ini untuk contoh kami menautkan alamatwww.sitodalinkare.com:Mengenai uraian teks, sebagai gantinya, yang terakhir ditambahkan ke gambar menggunakan kodealt
yang seharusnya digunakan dengan cara ini:Saya akan mengatakan bahwa ini adalah segalanya! Sekarang Anda tahu semua aturan dasar untukmenyisipkan gambar dalam HTML
di blog dan situs web. Butuh sangat sedikit untuk mempelajarinya, terlihat? Dan mulai dari sini Anda dapat memperdalam topik menemukan banyak fungsi lain yang dapat dimanfaatkan menggunakan HTML. Selamat bersenang-senang!
