İki veya daha fazla tablo hücresini, içindeki colspan özelliğini kullanarak birleştirebilirsiniz. HTML etiketi (tablo verileri). Örneğin, aşağıdaki kodda üç satır ve üç sütun içeren bir tablodur.

İlk iki hücreyi bir hücrede birleştirmek istiyorsak, ilkinde colspan = "2" özelliğini kullanabiliriz. etiket. Sayı, telefon için kaç hücreyi kullanmak istediğinizi gösterir. etiket.

Örnek HTML tablosu

Bir web tarayıcısında oluşturulan yukarıdaki kod, aşağıda gösterilen tabloya benzer bir tablo üretir. Görebileceğiniz gibi, ilk hücre iki sütunun genişliğini kaplar.

Tablonun üstündeki üç hücrenin hepsini kullanmak için, üç sütun bulunduğundan kolesterol değerini 3'e yükseltin. Değerin 3'e yükseltilmesi, aşağıda gösterilen örneğe benzer bir tablo sunar.

Not: Genişlettiğinizde kalanları kaldırdığınız sütun etiket. Yukarıdaki örnekte, üç sütunun tümünü kullandığımız için, yalnızca bir tane var. içinde (tablo satırı).

WYSIWYG editörü kullanarak hücreleri birleştirme

WYSIWYG düzenleyicisini hücreleri birleştirmek için de kullanabilirsiniz. Genellikle bu, iki veya daha fazla hücreyi vurgulayarak, hücreleri sağ tıklatarak ve sonra hücreleri birleştirme seçeneğini belirleyerek yapılır. Aşağıda, bunun Dreamweaver ve Expression Web'de nasıl yapılacağına ilişkin ek adımlar açıklanmaktadır.

Dreamweaver kullanarak hücreleri birleştirme

1. Masanızdaki iki veya daha fazla hücreyi vurgulayın.
2. Vurgulanan hücrelere sağ tıklayın.
3. Tablo'yu ve ardından Hücreleri Birleştir'i tıklatın.

veya

1. Masanızdaki iki veya daha fazla hücreyi vurgulayın.
2. Alt + Ctrl + M klavye kısayoluna basın.

Expression Web'i kullanarak hücreleri birleştirme

1. Masanızdaki iki veya daha fazla hücreyi vurgulayın.
2. Vurgulanan hücrelere sağ tıklayın.
3. Değiştir'e ve ardından Hücreleri Birleştir'e tıklayın.