Pelajaran tentang HTML. menggabungkan sel-sel

Tabel dalam HTML - barang yang sangat berguna. Dengan mereka Anda bisa melakukan apa saja. Tentu saja, tujuan utama - menempatkan informasi dalam sebuah tabel. Namun para pengembang situs telah melangkah lebih jauh. Pada satu waktu itu sangat populer untuk menggunakan meja untuk membuat kerangka situs. Sekarang profesional berusaha untuk tidak melakukannya.

Tabel telah menemukan aplikasi luas mereka karena jumlah besar atribut. Sebagai contoh, sebuah properti yang sangat berguna berubah menggabungkan baris atau kolom.

Pengantar Teori yang

Dalam HTML, penyatuan sel terjadi melalui dua atribut: colspan dan rowspan. Mereka ditentukan untuk tag td.

Mari kita menganalisis struktur setiap meja, sebelum kita memasuki topik ini. Di setiap meja ada garis, dan di dalamnya - sel. Ingat bahwa pada awalnya, semua tabel harus berisi nomor yang sama dari sel.

Gambar di atas menunjukkan dua baris dan di masing-masing tiga sel. Ini adalah meja umum. Jika Anda berada di kotak apapun, ketik jumlah yang lebih kecil dari sel, tabel "pindah", semua tidak akan ditampilkan dengan benar.

HTML-Tabel: menggabungkan sel secara vertikal dan horizontal

Untuk menentukan jumlah yang lebih kecil dari sel-sel atau string hanya dapat digunakan jika Anda memiliki sesuatu untuk menggabungkan. Tapi bukannya item dihapus di tetangga terdekat ke atas Anda perlu menentukan atribut tambahan. Jika Anda menggabungkan kolom, maka colspan, jika string, kemudian rowspan. Nilai atribut menunjukkan jumlah item yang ingin Anda bergabung.

Harap dicatat bahwa Anda perlu menentukan dalam elemen terdekat ke atas. Sebagai contoh, pada gambar di atas, jika Anda ingin menggabungkan sel 1 dan 2, Anda perlu menentukan di sel 1 atribut colspan dengan nilai dua. Dan menghapus posisi nomor 2 atau 3, tidak masalah.

Intinya adalah bahwa Anda memberitahu sel berapa banyak ruang yang akan mengambil. Nilai default adalah 1.

Menggabungkan sel vertikal HTML-meja berlangsung pada prinsip yang sama. Cukup ruang yang ditempati akan dianggap sebagai vertikal. Lihat gambar di bawah ini.

Di sini, sel dengan jumlah 43 mengambil dua string. Untuk melakukan ini, Anda menentukan rowspan atribut. Baru ingat:

• Row - baris.
• Col - kolom / kolom.
• Span - Asosiasi.

Para pencipta telah mencoba untuk membawa bahasa mungkin untuk manusia, sehingga bahkan tanpa menyadarinya, entah bagaimana bisa memahami.

Dalam HTML, penyatuan sel dapat dilakukan dalam dua arah: secara vertikal dan horizontal. Untuk melakukan ini, kita menentukan baik atribut.

Gambar di atas adalah hanya itu dan menyatakan bahwa asosiasi dapat melakukan: baris, kolom, atau keduanya baris dan kolom.

HTML: menggabungkan sel. contoh

Mari kita mempertimbangkan lebih kompleks contoh tonggak pada tabel besar. Di bawah di sebelah kiri Mengatur versi asli dari meja biasa. Sebuah hak - varian dengan kombinasi dua sel di baris kedua. Jadi jelas dan lebih mudah untuk membandingkan HTML-kode.

Anda juga dapat menggabungkan tiga di pusat sel. Dalam kasus pertama atribut colspan menentukan sel №1. Di sini, yang pertama akan berubah, dan yang kedua ditambahkan ke colspan, sama dengan tiga.

Jika Anda ingin menggabungkan semua sel dalam satu baris untuk satu, kemudian menghapus empat td di pertama menunjukkan colspan = '5'.

Seperti yang Anda lihat, pada kenyataannya, semuanya sederhana. Tidak ada yang rumit. Yang paling penting, hati-hati, dari pertama kali untuk memahami semua perangkap tabel, dan kemudian tidak ada masalah tidak harus muncul.

Tabel sebagai kerangka situs

Dalam HTML, penyatuan sel tidak selalu digunakan untuk tabel biasa dengan informasi (dalam Word atau Excel). desainer website sering, tapi sebelum jajak pendapat telah menggunakan mereka untuk tata letak situs.

Sebagai contoh, perhatikan tata letak situs. desain ini - sangat sederhana dan primitif. Tapi Anda bisa menunjukkan penggunaan asosiasi eksplisit.

Ada awalnya meja tiga baris dua sel masing-masing. Kemudian, untuk menempatkan logo situs, dua sel di baris pertama telah digabungkan. Intinya adalah untuk melakukan hal yang sama untuk mengakomodasi "basement".

Karena tempatnya adalah mungkin untuk menempatkan elemen desain, dan tidak ada tidak akan meninggalkan batas-batasnya. Ini adalah sangat mudah dan sederhana. Oleh karena itu, sangat populer. Sekarang, dianjurkan untuk membuat blok tag div.

kesimpulan

Dan ingat bahwa penggabungan sel tabel HTML, Anda dapat melakukan apapun yang Anda suka. Itu semua tergantung pada apa yang Anda inginkan dan bagaimana Anda ingin mengaturnya. Yang penting, jangan bingung. Jika Anda ingin membuat sebuah meja besar dengan sejumlah besar asosiasi, dianjurkan untuk menarik semuanya di selembar kertas atau di Paint. pemula Imposer akan lebih mudah.

Ketika gain pengalaman, operasi ini Anda dapat tampil di kepala Anda dengan mudah.