Cara Menyematkan Halaman Dari Situs

Daftar Isi:

Cara Menyematkan Halaman Dari Situs
Cara Menyematkan Halaman Dari Situs

Video: Cara Menyematkan Halaman Dari Situs

Video: Cara Menyematkan Halaman Dari Situs
Video: Tutorial Cara Menyematkan / Menggunakan Google Maps Pada Halaman Web HTML 2024, Mungkin
Anonim

Untuk menyisipkan halaman situs ke halaman situs Anda, Anda dapat menggunakan kemampuan bahasa markup hypertext (HTML) untuk membagi halaman menjadi beberapa bingkai. Bagaimana tepatnya melakukan ini dijelaskan di bawah ini.

Cara menyematkan halaman dari situs
Cara menyematkan halaman dari situs

instruksi

Langkah 1

"Bingkai" adalah bagian halaman independen yang dapat memiliki sumber data yang ditampilkan sendiri. Mungkin ada beberapa bingkai seperti itu di halaman dan Anda dapat menempatkannya di samping satu sama lain, dan satu di atas yang lain, dan satu di dalam yang lain, dan dengan cara gabungan dalam urutan apa pun. harus mulai dengan menempatkannya dalam kode html- container aslinya untuk semua frame. Wadah semacam itu terdiri dari dua tag - pembukaan dan penutupan:

Di tag pembuka, Anda perlu mengatur urutan bingkai pada halaman. Di sini Anda perlu menentukan dalam proporsi berapa browser harus membagi ruang halaman di antara bingkai. Untuk melakukannya, tambahkan atribut yang sesuai ke tag:

Di sini atribut "cols" menentukan pembagian halaman menjadi dua bingkai secara vertikal dalam rasio satu banding tiga. Jika atribut "cols" diganti dengan atribut "rows", halaman akan dibagi secara horizontal:

Tidak perlu menentukan kedua ukuran - browser akan menghitung nilai untuk bingkai yang tidak ditentukan dengan sendirinya, jika Anda menulis tanda bintang (*) alih-alih angka:

Anda dapat memberikan salah satu bingkai semua ruang kosong halaman, jika Anda menentukan 100%, dan dalam hal ini konten bingkai lainnya tidak akan terlihat. Seringkali unit pengukuran lain digunakan untuk mengatur dimensi - "piksel":

Langkah 2

Sekarang kita perlu menempatkan tag dari frame itu sendiri di dalam container. Tag tersebut terlihat seperti ini: Ini berisi atribut dengan alamat halaman Internet yang akan menjadi sumber data untuk bingkai ini. Jika alamat ditulis dalam bentuk ini (dimulai dengan nama protokol https://), maka itu disebut "mutlak". Untuk halaman situs Anda yang berada di folder yang sama (atau subfolder dari ini), Anda tidak perlu menentukan alamat absolut - nama file dan jalur ke subfolder sudah cukup. Dalam hal ini, alamat akan disebut "relatif" dan akan terlihat seperti ini: - Anda dapat menambahkan atribut ke tag ini yang menonaktifkan kemampuan untuk memindahkan batas antara bingkai dengan mouse. Tag disebut "noresize": - Dua atribut lagi digunakan untuk menentukan ukuran margin antara bingkai yang berdekatan - marginheight untuk indentasi vertikal dan marginwidth - untuk indentasi horizontal: - Atribut "scrolling" digunakan untuk menentukan aturan untuk perilaku scrollbar frame. Jika Anda mengaturnya ke "otomatis", maka bilah gulir akan muncul sesuai kebutuhan - ketika konten bingkai tidak sesuai dengan batasnya: Jika Anda mengganti nilai ini dengan "ya", maka bilah gulir akan selalu ada di bingkai ini, dan nilai " tidak "akan menonaktifkan tampilan mereka dalam urutan tanpa syarat.

Langkah 3

Mengetahui hal ini, Anda dapat mulai membuat halaman sederhana yang akan berisi halaman dari situs lain di salah satu bingkai. Untuk ini, Anda memerlukan editor teks sederhana - Notepad standar. Buat dokumen baru dan tulis tag html berikut ke dalamnya:

Simpan kode ini dengan ekstensi html atau htm - misalnya sample.html. Kemudian buat dokumen teks baru yang tidak perlu Anda tuliskan apa pun, simpan saja sebagai blank.html dan selesai. Sekarang, jika Anda membuka halaman sample.html di browser, Anda hanya akan melihat halaman yang ditentukan dalam tag bingkai pertama, karena Anda memberinya 100% ruang halaman. Dan halaman kedua tidak akan terlihat sama sekali. Anda dapat menyiapkan satu set tag serupa dengan parameter dan alamat yang Anda butuhkan dan mengunggahnya ke situs Anda menggunakan pengelola file dari sistem kontrol. Atau buka halaman yang ada yang Anda butuhkan di editor halaman sistem kontrol dan ganti kodenya dengan kode Anda sendiri.

Direkomendasikan: