Untuk memaparkan maklumat dari pelbagai sumber pada satu halaman, mekanisme pemisahan halaman HTML sering digunakan. Berikut adalah penerangan mengenai konstruk bahasa untuk memasukkan bingkai.
Perlu
Pengetahuan asas HTML
Arahan
Langkah 1
HyperText Markup Language (HTML) menyediakan dua jenis bingkai. Terapung lebih fleksibel dan lebih mudah dimasukkan ke halaman yang ada. Secara umum, pembinaan yang menggambarkan bingkai tingkap menggunakan bingkai terapung kelihatan seperti ini: Di sini, halaman utama laman web yang ada dinyatakan 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 laman web anda dalam atribut src. Dalam hal ini, cukup untuk menentukan alamat relatif (yaitu, alamat yang berkaitan dengan halaman tempat bingkai dimasukkan): Dalam contoh ini, lebar dan tinggi bingkai tidak ditentukan, tetapi ada id pengecam atribut. Menggunakannya, anda boleh menggunakan CSS () untuk menetapkan dimensi yang diperlukan untuk bingkai ini:
#frameOne {lebar: 700px; tinggi: 200px;}
Langkah 2
Jenis bingkai lain - "klasik" - memerlukan halaman berasingan, yang akan mengandungi penerangan mengenai struktur bingkai. Bingkai itu sendiri akan berada di halaman yang berasingan, bahkan mungkin di laman web yang berasingan. Kod HTML untuk halaman kontena bingkai mungkin kelihatan seperti ini:
Tidak perlu ada blok… dan… yang diperlukan untuk halaman biasa. Dalam contoh ini, tag pembuka kontena mengandungi atribut baris, yang bermaksud bahawa ruang halaman harus dibahagi secara menegak dan bahagian atas akan diberikan pada bingkai pertama. Sekiranya anda mengganti baris dengan col, maka pembahagiannya akan mendatar. Nilai atribut ini "*, *" menunjukkan bahawa bahagian pembahagiannya sama - masing-masing 50%. Sekiranya anda menentukan, misalnya, "20%, *", maka hanya 20% yang akan diberikan pada bingkai pertama, dan ruang selebihnya ke yang kedua. Pengguna dapat mengubah perkadaran ini dengan menyeret batas bingkai dengan tetikus, tetapi mungkin untuk melumpuhkan tindakan ini. Untuk melakukan ini, tambahkan atribut noresize ke tag bingkai tertentu. Anda juga boleh menentukan ukuran lekukan menegak dan mendatar dari bingkai bersebelahan (atribut marginwidth dan marginheight): Anda boleh menetapkan peraturan tingkah laku untuk bar tatal setiap bingkai secara berasingan. Untuk ini, atribut tatal digunakan, yang dapat mengandungi salah satu dari tiga nilai yang telah ditentukan. Sekiranya ditentukan, bar tatal akan muncul apabila kandungan bingkai tidak sesuai dengan batasnya. Sekiranya "ya" - jalur akan hadir sepanjang masa, tanpa mengira keperluannya. Sekiranya "tidak" - ini bermaksud tidak membenarkan bar tatal untuk bingkai ini.
Langkah 3
Berdasarkan maklumat yang diberikan dalam dua langkah sebelumnya, anda perlu merancang kod html yang lebih sesuai untuk menyelesaikan masalah anda. Selepas itu, yang tinggal hanyalah memasukkannya ke dalam kod sumber halaman. Untuk melakukan ini, anda dapat menggunakan penyunting halaman sistem pengurusan laman web anda - buka halaman yang diinginkan di dalamnya, beralih ke mod penyuntingan kod html dan tampal kod anda di tempat yang diinginkan di halaman tersebut. Sebagai alternatif, anda boleh memuat turun fail kod sumber halaman oleh pengurus fail pengurusan hosting atau sistem pengurusan kandungan, membukanya dalam penyunting teks dan menampal kod ke dalamnya. Dan kemudian dengan cara yang sama memuat naik kod yang diubah kembali ke pelayan.
