Cara Meratakan Gambar ke Tengah Halaman dalam HTML

Unduh PDFUnduh 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).

Metode 1
Metode 1 dari 2:

Menjajarkan Gambar dalam Teks

Unduh PDF
  1. How.com.vn Bahasa Indonesia: Step 1 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.
  2. How.com.vn Bahasa Indonesia: Step 2 Buat baris kode baru.
    Gunakan penanda paragraf untuk menunjukkan baris teks baru. Awali penanda dengan <p>, kemudian tulis teks yang diinginkan.
  3. How.com.vn Bahasa Indonesia: Step 3 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.
  4. How.com.vn Bahasa Indonesia: Step 4 Tentukan penjajaran gambar.
    Tikkan align=”middle”>. Ini merupakan akhir dari penanda gambar.[1]
  5. How.com.vn Bahasa Indonesia: Step 5 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
Metode 2
Metode 2 dari 2:

Menjajarkan Gambar dalam Penanda Elemen Tengah

Unduh PDF
  1. How.com.vn Bahasa Indonesia: Step 1 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.
  2. How.com.vn Bahasa Indonesia: Step 2 Buat baris kode baru.
    Awali dengan meratakan elemen ke tengah halaman. Tikkan <center>.
  3. How.com.vn Bahasa Indonesia: Step 3 Tambahkan penanda gambar.
    Tikkan, misalnya, <img src=”gambaranjingmenari.gif” alt=”anjing menari”.
  4. How.com.vn Bahasa Indonesia: Step 4 Tentukan tinggi dan lebar gambar.
    Masukkan kode, misalnya, height=”200”width=”200”> atau ukuran lain yang Anda inginkan. Ini adalah akhir dari penanda gambar.
  5. How.com.vn Bahasa Indonesia: Step 5 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]
    Iklan


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

Tentang How.com.vn ini

How.com.vn Bahasa Indonesia: Staf How.com.vn
Disusun bersama :
Staf Penulis How.com.vn
Artikel ini disusun oleh tim penyunting terlatih dan peneliti yang memastikan keakuratan dan kelengkapannya.

Tim Manajemen Konten How.com.vn memantau hasil penyuntingan staf kami secara saksama untuk menjamin artikel yang berkualitas tinggi. Artikel ini telah dilihat 41.417 kali.
Daftar kategori: Komputer
Halaman ini telah diakses sebanyak 41.417 kali.

Apakah artikel ini membantu Anda?

⚠️ Disclaimer:

Content from Wiki How Bahasa Indonesia language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.

Notices:
  • - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
  • - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
  • - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
  • - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.

Iklan