Arahan HyperText Markup Language (HTML) yang membentuk jadual yang diletakkan di laman web memberikan sejumlah parameter tambahan yang cukup besar. Ini memungkinkan, tidak seperti elemen blok yang lain, untuk menetapkan ukuran yang tidak hanya menggunakan bahasa CSS (Cascading Style Sheets atau "Cascading Style Sheets"), tetapi juga menggunakan HTML itu sendiri.
Arahan
Langkah 1
Gunakan atribut lebar tag jadual untuk menentukan lebar jadual dalam piksel. Jadual tag (arahan HTML) terdiri daripada bukaan (
) bahagian, di antaranya terdapat tag yang membentuk baris dan sel jadual. Parameter tambahan (atribut) dapat diletakkan di tag pembuka, daftar yang mana untuk setiap tag tertentu ditentukan oleh piawaian antarabangsa. Untuk tag jadual, piawaian ini membenarkan penggunaan atribut lebar, yang menentukan lebar jadual dalam piksel. Kod HTML dari jadual sederhana dengan teg yang menentukan lebar 500 piksel boleh kelihatan seperti ini:
| Sel ke-1 | Sel ke-2 |
Langkah 2
Tambahkan aksara% ke nilai atribut lebar jika anda perlu menentukan lebar jadual sebagai peratusan dan bukannya dalam piksel:
| Sel ke-1 | Sel ke-2 |
Harap maklum bahawa peratusan ini tidak semestinya berdasarkan lebar tetingkap penyemak imbas. Struktur dokumen penting di sini - sama seperti boneka bersarang tidak boleh lebih lebar daripada boneka bersarang, jadi 100% lebar meja tidak boleh lebih besar daripada lebar elemen induk. Sebagai contoh, jika jadual berada di dalam blok div, maka lebar blok ini akan diambil sebagai 100%.
Langkah 3
Gunakan arahan bahasa penerangan gaya jika anda ingin menetapkan lebar yang sama untuk jadual di laman web di satu tempat dalam kod sumber. Untuk melakukan ini, tempat pertama di bahagian atas kod HTML (antara dan) tag pembuka dan penutup yang menghadkan pernyataan bahasa CSS:
/ * Arahan CSS ada di sini * /
Kemudian letakkan CSS berikut di antara tag tersebut: table {width: 100px;} Di sini, jadual menunjukkan bahawa keterangan yang diletakkan di dalam pendakap keriting harus diterapkan pada semua tag meja yang muncul dalam kod halaman. Nah, parameter lebar menetapkan lebar. Di sini, anda juga boleh menggunakan lebar relatif sebagai peratusan.
Langkah 4
Tentukan nama kelas dalam kod CSS dan dalam tag jadual HTML jika anda perlu menentukan lebar bukan untuk semua jadual, tetapi hanya untuk satu atau beberapa jadual. Sebagai contoh, katakan kelas yang menandakan sekumpulan jadual sempit adalah kecil. Maka keterangan gayanya mungkin seperti ini: table.tiny {width: 100px;} Dan teg yang sesuai dari salah satu jadual dalam kod HTML adalah seperti ini:
| Sel ke-1 | Sel ke-2 |
