Untuk menampilkan informasi dari berbagai sumber pada satu halaman, mekanisme pemisahan halaman HTML sering digunakan. Di bawah ini adalah deskripsi konstruksi bahasa untuk menyisipkan frame.
Diperlukan
Pengetahuan dasar tentang HTML
instruksi
Langkah 1
HyperText Markup Language (HTML) menyediakan dua jenis frame. Mengambang lebih fleksibel dan lebih mudah untuk dimasukkan ke halaman yang ada. Secara umum, konstruksi yang menggambarkan bingkai jendela menggunakan bingkai mengambang terlihat seperti ini: Di sini, halaman utama situs yang ada ditetapkan sebagai sumber data untuk bingkai ini (atribut src). Ini akan dibuka dalam bingkai 400 x 300 piksel, seperti yang ditentukan dalam atribut lebar dan tinggi. Anda juga dapat menentukan halaman situs Anda di atribut src. Dalam hal ini, cukup untuk menentukan alamat relatif (yaitu, alamat relatif ke halaman tempat bingkai dimasukkan): Dalam contoh ini, lebar dan tinggi bingkai tidak ditentukan, tetapi ada id pengidentifikasi atribut. Dengan menggunakannya, Anda dapat menggunakan CSS () untuk mengatur dimensi yang diperlukan untuk bingkai ini:
#frameOne {lebar: 700px; tinggi: 200px;}
Langkah 2
Jenis bingkai lain - "klasik" - memerlukan halaman terpisah, yang akan berisi deskripsi struktur bingkai. Bingkai itu sendiri akan berada di halaman terpisah, bahkan mungkin di situs terpisah. Kode HTML untuk halaman wadah bingkai seperti itu mungkin terlihat seperti ini:
Seharusnya tidak ada… dan… blok yang diperlukan untuk halaman biasa. Dalam contoh ini, tag pembuka kontainer berisi atribut baris, yang berarti bahwa ruang halaman harus dibagi secara vertikal dan bagian atas akan diberikan ke bingkai pertama. Jika Anda mengganti baris dengan cols, maka pembagiannya akan horizontal. Nilai atribut ini "*, *" menunjukkan bahwa proporsi yang dibagi adalah sama - masing-masing 50%. Jika Anda menentukan, misalnya, "20%, *", maka hanya 20% yang akan diberikan ke bingkai pertama, dan sisa ruang ke bingkai kedua. Pengguna dapat mengubah proporsi ini dengan menyeret batas bingkai dengan mouse, tetapi dimungkinkan untuk menonaktifkan tindakan ini. Untuk melakukan ini, tambahkan atribut noresize ke tag bingkai tertentu. Anda juga dapat menentukan ukuran indentasi vertikal dan horizontal dari bingkai yang berdekatan (atribut marginwidth dan marginheight): Dimungkinkan untuk mengatur aturan perilaku untuk scrollbar setiap frame secara terpisah. Untuk ini, atribut scrolling digunakan, yang dapat berisi salah satu dari tiga nilai yang telah ditentukan sebelumnya. Jika ditentukan, bilah gulir akan muncul ketika konten bingkai tidak sesuai dengan batasnya. Jika "ya" - garis-garis akan selalu ada, terlepas dari kebutuhannya. Jika "tidak" - itu berarti tidak mengizinkan bilah gulir untuk bingkai ini.
Langkah 3
Berdasarkan informasi yang diberikan dalam dua langkah sebelumnya, Anda perlu merancang kode html yang lebih cocok untuk memecahkan masalah Anda. Setelah itu, yang tersisa hanyalah memasukkannya ke dalam kode sumber halaman. Untuk melakukan ini, Anda dapat menggunakan editor halaman dari sistem manajemen situs Anda - buka halaman yang diinginkan di dalamnya, alihkan ke mode pengeditan kode html dan rekatkan kode Anda di tempat yang diinginkan pada halaman. Atau, Anda dapat mengunduh file kode sumber halaman oleh pengelola file manajemen hosting atau sistem manajemen konten, membukanya di editor teks dan menempelkan kode ke dalamnya. Dan kemudian dengan cara yang sama unggah kode yang diubah kembali ke server.
