Cara Memusatkan iFrame

Diterbitkan: 2022-04-20

Jika Anda pernah menambahkan iFrame ke halaman web, Anda tahu betapa frustasinya menemukan bahwa konten tidak menampilkan seperti yang Anda inginkan. Mereka yang akrab dengan HTML mungkin memahami perjuangan ini, serta keinginan untuk memasukkan iFrames sejak awal.

Jika Anda tidak terbiasa dengan iFrames, iFrames adalah elemen HTML yang menampilkan konten dari satu halaman web ke halaman lainnya . Anda mungkin pernah melihat iFrame sebelumnya saat mengunjungi situs web, meskipun Anda tidak mengetahuinya. Banyak iFrame adalah iklan yang menampilkan informasi dari situs web pengiklan. Lainnya menggabungkan video, posting, dan bahkan peta. Baik Anda mengedit HTML sepanjang waktu atau Anda baru memulai perjalanan pengkodean, artikel ini akan mengajarkan semua yang perlu Anda ketahui untuk memusatkan iFrame.

Pertama, kami akan menjelaskan secara mendalam apa itu iFrame dan mengapa Anda ingin memusatkannya. Kemudian, kita akan membahas beberapa dasar tentang HTML dan bagaimana mereka menggunakan iFrames. Terakhir, kami akan memandu Anda melalui langkah-langkah memusatkan iFrame di halaman web Anda menggunakan atribut align.

iframe html

Daftar isi

Apa itu iFrame?

iFrame adalah istilah singkatan untuk Inline Frame. Inline Frames adalah elemen HTML yang dapat menampilkan elemen HTML lain serta kode dari situs web lain seperti Facebook atau YouTube. Sederhananya, iFrame adalah jendela di dalam halaman web yang memungkinkan Anda melihat konten dari halaman web lain. iFrames bisa menjadi cara yang bagus untuk memasukkan sesuatu ke dalam halaman web Anda dengan cepat dan mudah. Meskipun mereka membutuhkan beberapa pengetahuan HTML, mereka bisa menjadi cara yang sangat sederhana untuk meningkatkan halaman web Anda. Bisnis khususnya bisa mendapatkan keuntungan dari menggunakan iFrames dalam situs web mereka. iFrames alih-alih tautan atau gambar statis dapat membuat situs web bisnis Anda terlihat lebih profesional. Bahkan bisa menjadi sumber pendapatan jika digunakan untuk menampilkan iklan dari bisnis lain.

iFrames dapat digunakan untuk menggabungkan iklan , video YouTube, posting media sosial, dan bahkan peta online ke dalam halaman web. Menggunakan iFrame menyertakan konten ini langsung di halaman web, artinya Anda tidak perlu terus-menerus memperbarui informasi. Sebagai gantinya, itu akan diperbarui secara otomatis di samping materi sumber. Misalnya, menggunakan iFrame untuk menyertakan postingan media sosial memberi pembaca akses ke postingan secara langsung. Jika postingan dihapus, diedit, atau mendapatkan interaksi baru, iFrame akan mencerminkan hal itu. Tangkapan layar mungkin dapat menampilkan beberapa informasi, tetapi tidak akan sedinamis iFrame. Tangkapan layar juga tidak akan menyertakan tautan ke konten itu sendiri. Seringkali, mengklik iFrame membawa Anda langsung ke sumbernya. Namun, salah satu dari sedikit kelemahan iFrame adalah fakta bahwa iFrames dapat kehilangan akses ke konten jika dihapus.

Mengapa Saya Ingin Menggunakan iFrame di Halaman Web Saya?

iFrames meningkatkan keseluruhan tampilan halaman web Anda dengan memberi pengguna akses ke konten secara langsung. Misalnya, video YouTube yang disematkan menggunakan iFrames diputar langsung di halaman web. Tidak perlu menunggu halaman web mengikuti tautan atau mencari video. Dengan cara ini, pembaca dapat menonton video tanpa harus meninggalkan halaman Anda. Ini juga dapat mengurangi waktu pemuatan dengan memasukkan video sebagai halaman di dalam halaman Anda. Waktu yang dibutuhkan halaman untuk memuat secara serius dapat mempengaruhi jumlah lalu lintas yang didapat situs web .

Menyematkan hal-hal seperti Google Maps dapat memberikan petunjuk arah dengan mudah tanpa harus mencarinya. Karena iFrames mengakses halaman web lain secara langsung, petunjuk arah akan selalu terbarui. Ini bisa menjadi tambahan yang berguna untuk halaman web apa pun yang berfokus pada lokasi tertentu, seperti artikel tentang objek wisata. Demikian pula, bisnis mungkin ingin menyertakan pin alamat mereka di Google Maps di situs web mereka. Menggunakan iFrame dari Google Maps memberi pengunjung opsi untuk menarik petunjuk arah dengan cepat dengan mengklik iFrame.

tengahkan iframe

Pusatkan iFrame

iFrames dimaksudkan untuk meningkatkan fungsi dan tampilan halaman web, sehingga sangat penting untuk menggabungkannya dengan benar. Video YouTube atau postingan media sosial Anda mungkin terlihat aneh jika tidak berada di tengah halaman web. Bisnis terutama perlu mempertimbangkan tampilan situs web mereka. Karena konten dapat meningkatkan situs web Anda secara signifikan , Anda ingin memastikannya ditampilkan dengan benar. Jika tidak, situs web Anda mungkin tidak terlihat sangat profesional atau dibuat dengan baik. Untungnya, memusatkan iFrame itu sederhana. Yang Anda butuhkan hanyalah pengetahuan HTML tingkat permukaan.

iFrame HTML

HTML, atau Hypertext Markup Language , adalah informasi yang memberi tahu browser web cara menampilkan halaman tertentu dari situs web. Ini terdiri dari string kode yang panjang yang dapat diedit dan diubah dengan menambahkan atau menghapus bagian kode. Perubahan ini mempengaruhi bagaimana halaman web ditampilkan dan fungsinya.

HTML terdiri dari tag, elemen, dan atribut. Tag adalah kode awal dan akhir di sekitar elemen. Mereka memberi tahu browser web di mana suatu elemen dimulai dan diakhiri. Ini memungkinkan elemen untuk diekspresikan dengan benar dan lengkap tanpa tersesat di antara kode lainnya. Elemen adalah struktur yang akan diekspresikan dalam sebuah halaman web. Misalnya, iFrames adalah elemen HTML. Saat ditempatkan di antara dua tag, elemen iFrame dalam kode HTML akan menampilkan iFrame di situs web Anda. Terakhir, atribut mempengaruhi bagaimana suatu elemen ditampilkan. Ini dapat memengaruhi ukuran, posisi, atau bahkan menyertakan teks tambahan pada gambar.

Mengedit kode HTML situs web mengubah tampilan dan fungsinya. Mengedit HTML mungkin melibatkan editor HTML seperti NotePad atau KompoZer. Dalam program pengeditan ini, Anda dapat membuat perubahan pada HTML Anda dengan mengedit kodenya secara langsung. Ini adalah cara yang bagus untuk membangun atau mengembangkan situs web Anda jika Anda sangat paham teknologi. Mengedit HTML sendiri memberi Anda kemampuan untuk menyertakan gambar , mengubah teks, dan menggabungkan iFrames.

cara memusatkan iframe

Menggunakan iFrame di Situs Web Anda

Langkah pertama untuk memasukkan iFrame ke situs web Anda adalah menemukan konten yang ingin Anda tampilkan. Jika Anda ingin memasukkan video YouTube, klik tombol "bagikan". Ini akan memberi Anda beberapa opsi untuk membagikan video. Klik pada opsi yang mengatakan "sematkan" . Mengklik tombol ini akan memunculkan teks HTML iFrame yang tepat yang ingin Anda sertakan. Sekarang, yang harus Anda lakukan adalah menyalin dan menempelkan informasi ini ke dalam HTML Anda. Demikian pula, posting media sosial juga akan memiliki opsi untuk menyematkan posting.

Untuk jenis konten lain, mungkin lebih mudah menggunakan tautan ke situs web dalam HTML Anda. Untuk memasukkan jenis iFrame ini ke situs web Anda, mulailah dengan membuka editor HTML pilihan Anda. Di editor Anda, temukan kode tempat Anda ingin menambahkan iFrame. Mulailah dengan mengetik “<iframe src=". "src" di sini berarti sumber, jadi apa pun yang mengikuti seharusnya menjadi sumber konten yang ditampilkan di iFrame. Di sinilah Anda ingin menyalin dan menempelkan tautan ke konten yang ingin Anda tampilkan. Tautan harus dalam tanda kutip yang berakhir di tempat tautan itu.

Setelah Anda menyertakan sumber dalam tanda kutip, sertakan tinggi dan lebar yang Anda inginkan untuk iFrame. Tinggi dan lebar iFrame biasanya diukur dalam piksel, tetapi juga dapat diukur dalam persentase. Terakhir, tutup tag iFrame ini dengan mengetikkan “iFrame>”. Jika Anda melakukannya dengan benar, iFrame Anda akan berhasil ditampilkan di situs web Anda! Sekarang setelah Anda membuat iFrame, pastikan iFrame berada di tengah halaman Anda.

iFrame Align Center

Memusatkan iFrame adalah bagian yang sangat penting dari tampilan halaman web Anda. Ini bisa sangat membuat frustrasi untuk melalui upaya membuat iFrame, hanya untuk itu menjadi sedikit off. Untungnya, memusatkan iFrame bahkan lebih mudah daripada membuatnya dari awal! Seperti membuat iFrame, Anda harus mengedit HTML Anda.

Buka editor HTML Anda dan temukan iFrame yang Anda cari untuk dipusatkan. Di dalam kode untuk iFrame itu, ketik “align=center”. Ini akan memberi tahu halaman Anda untuk memusatkan iFrame. Anda juga dapat memusatkan gambar dengan mengedit tinggi dan lebarnya di halaman. Sekali lagi, ini dapat diukur dalam piksel atau persentase.

Anda bahkan dapat menyelaraskan iFrame Anda secara berbeda jika Anda tidak ingin itu dipusatkan. Alih-alih tengah, ketik "kiri", "kanan", "bawah" atau "atas" setelah "sejajarkan =". iFrame Anda akan ditempatkan sesuai dengan teks ini. Alat yang digunakan untuk ini disebut "atribut align". Atribut align membuat perubahan posisi iFrame Anda menjadi sangat mudah. Meskipun memusatkan iFrame sangat bagus untuk konten penting, beberapa iFrame seperti yang digunakan untuk menampilkan iklan mungkin lebih cocok di sisi halaman web.

iframe align center

Memusatkan iFrames

iFrames adalah cara yang bagus untuk memadukan konten ke situs web Anda, tetapi membuatnya terlihat tepat bisa jadi rumit. Cukup buka kode iFrames dan tambahkan “align=center” ke elemen. Sekarang Anda dapat memiliki kontrol lebih besar atas bagaimana halaman web Anda menampilkan kontennya. Konten yang ditampilkan di iFrames dapat menjadi peningkatan besar pada tampilan dan fungsi halaman web Anda secara keseluruhan. Karena iFrame berfungsi sebagai jendela ke informasi situs web lain, halaman web Anda dapat meletakkan semua jenis informasi penting di satu tempat. Iklan, video, dan peta semuanya dapat dengan mudah ditambahkan ke halaman web Anda melalui HTML.