Unduh PDF
Unduh PDF
Penjajaran gambar merupakan keahlian penting untuk dipelajari saat Anda mengodekan halaman web. Sayangnya, seiring berubahnya kode, beberapa penanda HTML menjadi “kedaluwarsa” dan tidak dikenali oleh peramban web. Namun, coba ikuti metode-metode ini untuk meratakan gambar ke tengah halaman dalam kode HTML. Jika tidak berhasil, coba lakukan pengodean dalam Cascading Style Sheets (CSS).
Langkah
-
Jangan gunakan kata “ center ” pada penanda. Dalam pengodean HTML, Anda bisa meratakan teks ke tengah halaman menggunakan kata tersebut. Namun, Anda perlu mengidentifikasi penjajaran gambar menggunakan kata “ middle ”. Gambar bukan merupakan elemen baris teks sehingga diidentifikasi sebagai elemen selain teks.
-
Buat baris kode baru. Gunakan penanda paragraf untuk menunjukkan baris teks baru. Awali penanda dengan <p>, kemudian tulis teks yang diinginkan.
-
Sisipkan gambar dengan mengetikkan <img src=”NamaGambar. gif”. Setelah itu, cantumkan deskripsi gambar dengan mengetikkan alt=”deskripsi gambar” .
- Segmen “src” memberi tahu halaman web bahwa informasi yang ditambahkan setelahnya merupakan URL gambar.
- Segmen “alt” memberi tahu halaman bahwa informasi yang ditambahkan setelahnya merupakan deskripsi atau keterangan gambar.
-
Tentukan penjajaran gambar. Tikkan align=”middle”> . Ini merupakan akhir dari penanda gambar. [1] X Teliti sumber
-
Tambahkan lebih banyak teks. Setelah itu, akhiri penanda dengan </p>. Sebagai contoh, secara keseluruhan penanda akan tampak seperti ini: <p>Kami sedang mempelajari HTML. <img src=”fotoanjingmenari.gif” alt=”anjing menari” align=”middle> Inilah contoh kode kami. </p>Iklan
-
Buat elemen baru dan ratakan elemen tersebut ke tengah halaman. Anda bisa memuat gambar dalam elemen yang diratakan ke tengah halaman. Namun, ruang atau spasi tambahan akan disisipkan di sekitar elemen.
-
Buat baris kode baru. Awali dengan meratakan elemen ke tengah halaman. Tikkan <center>.
-
Tambahkan penanda gambar. Tikkan, misalnya, <img src=”gambaranjingmenari.gif” alt=”anjing menari” .
-
Tentukan tinggi dan lebar gambar. Masukkan kode, misalnya, height=”200”width=”200”> atau ukuran lain yang Anda inginkan. Ini adalah akhir dari penanda gambar.
-
Akhiri penanda dengan </center>. Sebagai contoh, kode HTML Anda secara keseluruhan akan tampak seperti ini:
<center><img src=”gambaranjingmenari.gif” alt=”anjing menari” height=”200” width=”200”></center>. [2] X Teliti sumberIklan
Peringatan
- Perlu diingat bahwa penanda penjajaran dan perata tengah memiliki waktu kedaluwarsa. Ini artinya kode tidak bisa lagi digunakan di masa mendatang. Meskipun tidak ada tanggal pasti mengenai waktu kedaluwarsanya, pada akhirnya peramban tidak akan bisa mengenali kedua penanda tersebut dan kode-kode yang Anda gunakan harus diperbarui dalam gaya CSS atau HTML5.
Iklan
Referensi
Tentang wikiHow ini
Halaman ini telah diakses sebanyak 44.418 kali.
Iklan