HTML Ders. hücrelerin birleştirilmesi

HTML tabloları - bir çok kullanışlı bir öğe. Bunlarla her şeyi yapabilirsin. Tabii ki, temel amacı - bir tablodaki bilgileri yerleştirerek. Ama sitelerin geliştiriciler ileri gitti. Bir zamanlar bir site çerçeve oluşturmak için bir tablo kullanmak çok popüler oldu. Şimdi profesyoneller bunu yapmaya değil çalışıyoruz.

Tablolar çünkü niteliklerin sayıda onların yaygın kullanım alanı bulmuştur. Örneğin, bir çok faydalı bir özellik satırlar veya sütunlar araya döndü.

Teorisine Giriş

colspan ve RowSpan: HTML'de, hücrelerin birliği iki özellikteki vasıtasıyla gerçekleşir. Onlar td etiketi için belirtilir.

Biz konuya dalmak önce bize ilk, her tablonun yapısını analiz edelim. Her tabloda bir çizgi olduğunu ve onun içinde - hücresi. Başlangıçta, tüm tabloları aynı sayıda hücre içermesi gerektiğini unutmayın.

belirtilen iki sıra üzerinde ve üç hücrenin her şekil. Bu normal bir tablodur. Eğer herhangi bir kutuda ise, masa "taşınmak" dır hücre daha küçük bir sayı yazın, tüm doğru gösterilmeyecektir.

HTML Tablo: dikey ve yatay hücreleri birleştir

Birleştirmek şey varsa hücre veya dizeleri daha küçük bir sayı sadece kullanılabilir belirtin. Ama bunun yerine üstüne yakın komşusu silinen öğenin ek bir özellik belirtin gerekir. Eğer dizeleri, sonra rowspan sütunları, daha sonra colspan, birleştirirseniz. Bir özelliğin değeri Birleştirmek istediğiniz öğelerin sayısını belirtir.

En üste en yakın elemana bunu belirtmeniz gerekir unutmayın. Hücreyi 1. ve 2. birleştirmek istiyorsa Örneğin, yukarıdaki şekilde, ikisi arasında bir değerle hücre 1 colspan özelliğinde belirtmeniz gerekir. Ve pozisyon numarasını 2 veya 3 silmek, hiç önemli değil.

Alt satırda sürer ne kadar boşluk hücreyi anlatmak olmasıdır. Varsayılan değer 1'dir.

Birleştirme hücreleri dikey HTML tablo aynı prensip gerçekleşir. Basitçe işgal alanı olarak dikey olarak kabul edilecektir. Aşağıdaki şekle bakınız.

Burada, sayı 43 ile hücre iki dizeyi alır. Bunu yapmak için, nitelik RowSpan belirtin. Sadece hatırladım:

• Satır - satır.
• Col - sütun / sütunu.
• Açıklık - Derneği.

yaratıcıları bile bilmeden, bir şekilde anlayabileceği şekilde, insan için mümkün olduğunca dili getirmeye çalıştık.

dikey ve yatay: HTML'de, hücrelerin birliği iki yönde yapılabilir. Bunu yapmak için, biz de özellik belirtin.

Yukarıdaki şekilde sadece bu ve birleşme verdiğini belirtmiştir: satır, sütun veya satır ve sütun hem de.

HTML: hücreleri birleştir. örnekler

Bize büyük tablolarda daha karmaşık örnekler dönüm noktası düşünelim. Soldaki Aşağıda düzenli tablonun orijinal sürümünü ayarlayın. Sağ - İkinci satırda iki hücre kombinasyonu ile bir varyant. Yani daha net ve daha kolay HTML kodunu karşılaştırmak.

Ayrıca hücrenin merkezinde üç birleştirebilirsiniz. İlk durumda colspan nitelik hücresini №1 belirtir. Burada, ilk değişiklik olmayacak ve ikinci üçe eşit, colspan eklendi.

Tek bir bir satırdaki tüm hücreleri birleştirmek istiyorsanız öncelikle colspan = '5' işaret de, daha sonra dört td çıkarın.

Gördüğünüz gibi, aslında, her şey basittir. Hiçbir şey karmaşık. En önemlisi, dikkatli, ilk andan itibaren tabloların bütün tuzaklar anlamak ve sonra herhangi bir sorun ortaya çıkmaması gerekir.

Bir site çerçeve olarak Tablo

HTML'de, hücrelerin birliği her zaman (Word veya Excel'de) bilgilerle düzenli tablolar için kullanılmaz. Web sitesi tasarımcıları genellikle ama önce anketler sitelerinin düzeni için onları kullandık.

Örneğin, sitenin düzenini düşünün. Bu tasarım - çok basit ve ilkel. Ama açıkça dernek kullanımını gösterebilir.

İki hücrelerinin her üç sıra bir tablo başlangıçta yoktu. Ardından, sitenin logosu, ilk satırda iki hücre kombine edilmiş yerleştirmek için. Sonuçta "bodrum" karşılamak için aynı yapmaktır.

onun yerine mümkün olduğu nedeniyle tasarım unsurları yerleştirmek için ve hiçbir şey onun sınırlarını bırakmayacak. Bu çok kullanışlı ve basittir. Bu nedenle, bu kadar popüler oldu. Şimdi, bir div etiketi blok oluşturmak için tavsiye edilir.

Sonuç

Ve HTML tablosu hücre birleşmesi, ne istersen yapabilirsin unutmayın. Her ne istediğinize bağlıdır ve bunu nasıl düzenlemek istiyorum. Önemli olan, karışık alamadım. Eğer derneklerin çok sayıda büyük tablo oluşturmak istiyorsanız, kağıt parçası üzerinde veya Paint getirmesinde önerilir. Imposer başlayanlar daha kolay olacaktır.

Ne zaman kazanç deneyim, bu işlemler kolayca kafanın içinde gerçekleştirebilir.