Cara Membuat Halaman Dalam Halaman

Isi kandungan:

Cara Membuat Halaman Dalam Halaman
Cara Membuat Halaman Dalam Halaman

Video: Cara Membuat Halaman Dalam Halaman

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

Hypertext Markup Language (HTML) menyediakan kemampuan untuk membagi halaman menjadi beberapa tetingkap - "bingkai". Setiap bingkai boleh mempunyai sumber internet sendiri untuk dipaparkan. Mekanisme ini boleh digunakan untuk memasukkan halaman dari laman web lain ke halaman dari laman web anda.

Cara membuat halaman dalam halaman
Cara membuat halaman dalam halaman

Ia perlu

Notepad penyunting teks

Arahan

Langkah 1

Kod HTML halaman adalah sekumpulan arahan untuk penyemak imbas yang memberitahu di mana pada setiap halaman setiap elemennya harus dipaparkan dan bagaimana seharusnya. Arahan ini disebut "tag" dan untuk membuat halaman yang mengandungi satu atau lebih yang lain, anda perlu menulis set tag yang sesuai. Kami mulakan dengan tag yang membuat wadah untuk semua bingkai di halaman:

Ini adalah tanda pembuka dan penutup bekas - tanda yang membentuk bingkai perlu diletakkan di antara mereka. Dalam HTML, tag mempunyai "atribut" - mereka mengandungi maklumat tambahan mengenai sifat elemen halaman, yang paparannya menentukan tag ini. Pada tag pembuka kontena, anda mesti menentukan atribut yang mengandungi maklumat tentang bagaimana penyemak imbas harus membahagikan ruang halaman antara bingkai:

Atribut "cols" dalam contoh kod ini menetapkan bahawa halaman harus dibahagi secara menegak menjadi dua bingkai, dengan sebelah kiri mengambil 20% dari lebar tingkap dan yang kanan 80%. Sekiranya bukan atribut "cols" anda menentukan atribut "baris", maka halaman tersebut akan dibahagi secara mendatar:

Daripada nombor, anda boleh menulis tanda bintang (*):

Ini akan bermaksud bahawa bingkai kedua akan diberikan semua ruang yang tersisa. Ukuran bingkai dapat ditentukan bukan dalam bentuk peratusan, tetapi dalam unit ukuran yang paling sering digunakan dalam tata letak halaman - dalam "piksel":

Langkah 2

Tag HTML dari bingkai itu sendiri, yang harus diletakkan di dalam wadah, ditulis seperti berikut: Atribut "src" dari tag "bingkai" berisi alamat laman web yang harus dimuat oleh penyemak imbas ke bingkai ini. Alamat yang ditulis dengan cara ini disebut "mutlak" - ia bermula dengan protokol https://. Tetapi jika ini adalah halaman laman web anda sendiri dan terletak di folder yang sama (atau subfolder), maka anda tidak perlu menentukan alamat mutlak, hanya nama fail dan jalan ke subfolder yang akan mencukupi. Alamat sedemikian akan dipanggil "relatif": - Batas antara bingkai di halaman secara lalai dapat dipindahkan dengan tetikus. Ciri ini dinonaktifkan oleh atribut noresize: - Ada dua atribut yang menentukan ukuran margin antara bingkai - marginheight menetapkan margin menegak (atas dan bawah), dan lebar margin - mendatar (kanan dan kiri): - Menggunakan atribut lain - "scrolling" - anda dapat memberitahu penyemak imbas peraturan untuk bar tatal bingkai: Nilai "automatik" menentukan bahawa bar tatal akan muncul sesuai keperluan, yaitu ketika konten tidak sesuai dengan bingkai. Sekiranya anda menetapkan nilai ke "ya", maka bingkai ini akan selalu mempunyai bar tatal, dan nilai "tidak", sebaliknya, menghalang paparan bar tatal - Jika halaman yang terdapat di dalam wadah berfungsi dengan skrip JavaScript yang menjalankan operasi dalam bingkai bersebelahan, mungkin perlu untuk membezakan bingkai berdasarkan nama. Atribut yang mengandungi nama bingkai disebut nama:

Langkah 3

Definisi HTML ini cukup untuk membuat halaman mudah dari beberapa halaman dari laman web lain. Untuk melakukan ini, anda memerlukan penyunting teks, misalnya, Notepad standard. Di dalamnya, buat dokumen baru dan tulis tag html ini:

Kemudian simpan kod ini dengan sambungan htm atau html - sebagai contoh, test.html. Semuanya sudah siap, jika anda membuka dokumen ini dengan penyemak imbas, hasilnya akan kelihatan seperti ini:

Halaman dua kerangka
Halaman dua kerangka

Langkah 4

Terdapat jenis bingkai lain - "terapung". Ia boleh berada di dalam halaman biasa, tidak dibagi menjadi bingkai. Bingkai sedemikian mempunyai atribut lebar dan tinggi tambahan yang menentukan dimensinya. Kod teg ini mungkin kelihatan seperti ini:

Disyorkan: