Hypertext Markup Language (HTML) menyediakan kemampuan untuk membagi halaman menjadi beberapa jendela - "bingkai". Setiap frame dapat memiliki sumber internet sendiri untuk ditampilkan. Mekanisme ini dapat digunakan untuk menyisipkan halaman dari situs lain ke halaman dari situs Anda.
Itu perlu
Editor teks Notepad
instruksi
Langkah 1
Kode HTML halaman adalah sekumpulan instruksi untuk browser yang memberi tahu di mana pada halaman setiap elemennya harus ditampilkan dan bagaimana tampilannya. Instruksi ini disebut "tag" dan untuk membuat halaman yang berisi satu atau lebih yang lain, Anda perlu menulis kumpulan tag yang sesuai. Kami mulai dengan tag yang membuat wadah untuk semua bingkai di halaman:
Ini adalah tag pembuka dan penutup wadah - tag yang membentuk bingkai harus ditempatkan di antara keduanya. Dalam HTML, tag memiliki "atribut" - tag tersebut berisi informasi tambahan tentang properti elemen halaman, yang tampilannya menentukan tag ini. Di tag pembuka penampung, Anda harus menentukan atribut yang berisi informasi tentang bagaimana browser harus membagi ruang halaman di antara bingkainya:
Atribut "cols" dalam contoh kode ini menetapkan bahwa halaman harus dibagi secara vertikal menjadi dua bingkai, dengan bingkai kiri mengambil 20% dari lebar jendela dan bingkai kanan 80%. Jika alih-alih atribut "cols" Anda menentukan atribut "rows", maka halaman akan dibagi secara horizontal:
Alih-alih angka, Anda dapat menulis tanda bintang (*):
Ini berarti bahwa bingkai kedua akan diberikan semua ruang yang tersisa. Ukuran bingkai dapat ditentukan bukan dalam persentase, tetapi dalam satuan pengukuran yang paling sering digunakan dalam tata letak halaman - dalam "piksel":
Langkah 2
Tag HTML dari bingkai itu sendiri, yang harus ditempatkan dalam wadah, ditulis sebagai berikut: Atribut "src" dari tag "bingkai" berisi alamat halaman web yang harus dimuat oleh browser ke dalam bingkai ini. Alamat yang ditulis dengan cara ini disebut "mutlak" - dimulai dengan protokol https://. Tetapi jika ini adalah halaman situs Anda sendiri dan terletak di folder (atau subfolder) yang sama, maka Anda tidak perlu menentukan alamat absolut, hanya nama file dan jalur ke subfolder saja sudah cukup. Alamat seperti itu akan disebut "relatif": - Batas antara bingkai di halaman secara default dapat dipindahkan dengan mouse. Fitur ini dinonaktifkan oleh atribut noresize: - Ada dua atribut yang menentukan ukuran margin antar frame - marginheight mengatur margin vertikal (atas dan bawah), dan marginwidth - horizontal (kanan dan kiri): - Menggunakan atribut lain - "scrolling" - Anda dapat memberi tahu browser aturan untuk scrollbar frame: Nilai "auto" menentukan bahwa scrollbar akan muncul sesuai kebutuhan, yaitu ketika konten tidak muat di dalam frame. Jika Anda menetapkan nilai ke "ya", maka bingkai ini akan selalu memiliki bilah gulir, dan nilai "tidak", sebaliknya, mencegah tampilan bilah gulir - Jika halaman yang terdapat dalam wadah berfungsi dengan skrip JavaScript apa pun yang melakukan operasi dalam bingkai yang berdekatan, mungkin perlu untuk membedakan bingkai dengan nama. Atribut yang berisi nama frame disebut name:
Langkah 3
Definisi HTML ini cukup untuk membuat halaman sederhana dari beberapa halaman dari situs lain. Untuk melakukan ini, Anda memerlukan editor teks apa pun, misalnya, Notepad standar. Di dalamnya, buat dokumen baru dan tulis tag html ini:
Kemudian simpan kode ini dengan ekstensi htm atau html - misalnya, test.html. Semuanya sudah siap, jika Anda membuka dokumen ini dengan browser, hasilnya akan terlihat seperti ini:
Langkah 4
Ada jenis bingkai lain - "mengambang". Itu dapat ditempatkan di dalam halaman biasa, tidak dibagi menjadi bingkai. Bingkai seperti itu memiliki atribut lebar dan tinggi tambahan yang menentukan dimensinya. Kode tag ini mungkin terlihat seperti ini:
