Cara Memasukkan Halaman Ke Dalam Halaman

Isi kandungan:

Cara Memasukkan Halaman Ke Dalam Halaman
Cara Memasukkan Halaman Ke Dalam Halaman

Video: Cara Memasukkan Halaman Ke Dalam Halaman

Video: Cara Memasukkan Halaman Ke Dalam Halaman
Video: Cara Membuat Nomor Halaman Skripsi Berbeda dalam 1 Dokumen Word 2024, April
Anonim

Salah satu cara untuk memasukkan halaman ke dalam halaman adalah dengan menggunakan kemampuan HyperText Markup Language (HTML) untuk memisahkan halaman menjadi windows yang terpisah. Tingkap seperti itu disebut "bingkai" dan terdapat beberapa daripadanya dalam satu halaman. Setiap bingkai, pada gilirannya, dapat berisi satu set bingkai, dan masing-masing bingkai dapat dimuat dengan halaman dari sumber yang berlainan.

Memasukkan halaman ke halaman menggunakan bingkai
Memasukkan halaman ke halaman menggunakan bingkai

Ia perlu

Notepad penyunting teks

Arahan

Langkah 1

Untuk membina sekumpulan halaman sedemikian dalam satu halaman, anda mulakan dengan membuat wadah untuk bingkai. Arahan kepada penyemak imbas untuk membuat wadah dalam HTML kelihatan seperti ini:

Arahan sedemikian disebut "tag". Ini adalah tag pembuka dan penutup wadah, di antara tag mana yang harus diletakkan untuk membentuk bingkai. Teg mengandungi pelbagai maklumat tambahan yang disebut "atribut" tag. Pada tag pembuka, anda perlu menentukan seberapa tepat ruang halaman harus dibahagikan antara bingkai:

Di sini, atribut "cols" menunjukkan bahawa halaman dua bingkai harus dibahagi secara menegak, memberikan masing-masing 50% dari lebar tingkap. Untuk membelah halaman secara mendatar, atribut lain digunakan, "baris":

Perkara yang sama boleh ditulis dengan cara ini:

Di sini, tanda bintang (*) menunjukkan bahawa semua ruang yang tinggal harus diberikan pada bingkai kedua. Anda boleh menentukan nilai bukan dalam peratusan, tetapi dalam "piksel" - ini adalah unit pengukuran utama yang digunakan dalam susun atur halaman:

Langkah 2

Kami telah berurusan dengan bekas itu, sekarang kami perlu mencantumkan bingkai itu sendiri. Tag bingkai HTML dalam bentuknya yang paling sederhana kelihatan seperti ini: Di sini atribut "src" menunjukkan alamat Internet halaman yang harus dimuat ke dalam bingkai ini. Sekiranya halaman berada di pelayan yang sama dan di folder yang sama (atau subfolder), maka tidak perlu menentukan alamat penuh, nama fail dan jalan ke subfolder sudah cukup. Alamat sedemikian disebut "relatif", dan alamat penuh disebut "mutlak". Tag yang sama dengan alamat relatif halaman untuk memuat: - Dengan menggunakan atribut "scrolling", anda dapat menetapkan aturan untuk bar tatal bingkai ini: Nilai "ya" bermaksud bahawa bingkai ini akan selalu mempunyai bar tatal. Sekiranya anda memasukkan nilai "tidak" - nilai tersebut tidak akan pernah ada, dan nilai "automatik" menentukan bahawa bar tatal akan muncul seperti yang diperlukan jika kandungan bingkai tidak sesuai dengan batasnya. - Secara lalai, batas bingkai dalam halaman boleh dipindahkan dengan tetikus. Tetapi jika anda menetapkan atribut noresize ke tag, maka fitur ini akan dinonaktifkan: - Tag bingkai mempunyai dua atribut yang menetapkan margin antara bingkai bersebelahan - lebar margin menunjukkan ukuran margin dari margin bersebelahan secara mendatar (kiri dan kanan), marginheight - secara menegak (bawah dan atas): - Atribut lain - nama - memberikan namanya sendiri pada bingkai. Ini mungkin diperlukan jika bingkai mengandungi skrip yang mesti melakukan sesuatu di bingkai bersebelahan dan membezakannya dengan nama:

Langkah 3

Latar belakang teori ini cukup untuk membuat halaman sederhana yang mengandungi, misalnya, dua halaman dari laman web lain. Penyunting teks ringkas akan mencukupi untuk anda - notepad standard baik-baik saja. Buat dokumen baru dan masukkan kod html berikut ke dalamnya:

Sekarang simpan dokumen anda dengan sambungan html - contohnya, test.html. Selepas itu, klik dua kali pada fail test.html akan melancarkan penyemak imbas, dan penyemak imbas akan melaksanakan arahan yang anda tulis kepadanya dalam kod html. Hasilnya akan kelihatan seperti ini:

Disyorkan: