Kebutuhan untuk meregangkan tabel ke seluruh ruang jendela browser muncul, misalnya, ketika desain halaman ditempatkan di dalam tabel. Solusi untuk masalah ini tidak memerlukan penulisan kode yang rumit, tetapi melibatkan mempertimbangkan beberapa fitur markup halaman web.
Diperlukan
Pengetahuan dasar tentang HTML
instruksi
Langkah 1
Pertama, Anda perlu mengklarifikasi arti dari operasi yang akan datang. Dalam kode HTML, halaman tabel adalah sekumpulan tag berpasangan bersarang (satu pembuka dan satu penutup). Tag sel (
) bersarang di dalam tag string (
), dan itu, pada gilirannya, menjadi tag tabel (
). Di tag pembuka tabel, Anda dapat mengatur lebar dan tingginya baik dalam satuan absolut (piksel) dan relatif (persentase). Dengan ukuran relatif, lebar dan tinggi elemen induk tabel diambil sebagai 100%. Jika Anda menempatkan tabel langsung di badan halaman (dan bukan di lapisan, formulir, tabel lain, dll.), maka dimensi elemen induknya adalah lebar dan tinggi halaman. Ini berarti bahwa untuk meregangkan tabel ke semua ruang kosong, Anda perlu menentukan 100% dimensi horizontal dan vertikal untuknya.
Langkah 2
Sekarang Anda dapat mulai mempraktikkannya dalam HTML. Lebar dan tinggi tabel ditentukan oleh atribut lebar dan tinggi. Jadi kode tabel yang menunjukkan 100% dimensi ke segala arah dan, misalnya, dengan dua sel dalam satu baris, mungkin terlihat seperti ini:
sel kiri tabel | sel kanan tabel |
Langkah 3
Menentukan lebar dan tinggi 100% akan cukup untuk meregangkan tabel jika Anda memilih standar HTML yang tepat yang digunakan browser untuk membaca kode halaman. Tag ditempatkan pada baris pertama dokumen. Anda memerlukan tag dengan konten berikut:
Langkah 4
Dan satu hal lagi harus diperhitungkan dalam kode Anda: secara default, halaman diindentasi dari tepi jendela dengan beberapa piksel, sehingga tabel, bahkan setelah mengisi seluruh halaman, tidak akan meregang ke seluruh jendela. Untuk menghilangkan bidang yang tidak perlu ini, Anda dapat menentukan indentasi nol pada atribut yang sesuai di tag pembuka badan halaman ():
Langkah 5
Saat dirakit, seluruh kode halaman dengan tabel yang direntangkan ke lebar dan tinggi layar penuh akan terlihat seperti ini:
Meja membentang
sel kiri tabel | sel kanan tabel |