Tabloyu tarayıcı penceresinin tüm alanına genişletme ihtiyacı, örneğin sayfa tasarımı tablonun içine yerleştirildiğinde ortaya çıkar. Bu sorunun çözümü, karmaşık kod yazmayı gerektirmez, ancak web sayfalarının işaretlenmesinin bazı özelliklerinin dikkate alınmasını içerir.
Gerekli
Temel HTML bilgisi
Talimatlar
Aşama 1
İlk olarak, yaklaşan operasyonun anlamını netleştirmeniz gerekir. HTML kodunda, tablo sayfaları bir dizi iç içe eşleştirilmiş etikettir (bir açılış ve bir kapanış). Hücre etiketleri (
) dize etiketleri (
) ve bunlar sırayla tablo etiketlerine (
). Tablonun açılış etiketinde, genişliğini ve yüksekliğini hem mutlak birimler (piksel) hem de göreceli (yüzdeler) olarak ayarlayabilirsiniz. Göreceli boyutlarla, tablonun ana öğesinin genişliği ve yüksekliği %100 olarak alınır. Bir tabloyu doğrudan sayfanın gövdesine yerleştirirseniz (bir katmana, forma, başka bir tabloya vs. değil), üst öğesinin boyutları sayfanın genişliği ve yüksekliği olacaktır. Bu, tabloyu tüm boş alana yaymak için, bunun için %100 yatay ve dikey boyutlar belirtmeniz gerektiği anlamına gelir.
Adım 2
Artık bunu HTML'de uygulamaya başlayabilirsiniz. Tablonun genişliği ve yüksekliği, genişlik ve yükseklik öznitelikleriyle belirlenir. Bu nedenle, tüm yönlerde boyutların %100'ünü gösteren ve örneğin bir satırda iki hücre bulunan tablo kodu şöyle görünebilir:
| tablonun sol hücresi | tablonun sağ hücresi |
Aşama 3
Tarayıcının sayfa kodunu okuması gereken doğru HTML standardını seçerseniz, tabloyu genişletmek için %100 genişlik ve yükseklik belirtmek yeterli olacaktır. Etiket, belgenin ilk satırına yerleştirilir. Aşağıdaki içeriğe sahip bir etikete ihtiyacınız var:
4. Adım
Ve kodunuzda bir nokta daha dikkate alınmalıdır: varsayılan olarak, sayfa pencerenin kenarlarından birkaç piksel girintilidir, bu nedenle tablo, tüm sayfayı doldurduktan sonra bile tüm pencereye uzanmaz. Bu gereksiz alanları ortadan kaldırmak için sayfa gövdesinin () açılış etiketinde karşılık gelen niteliklerde sıfır girinti belirleyebilirsiniz:
Adım 5
Monte edildiğinde, ekranın tam genişliğine ve yüksekliğine uzatılmış bir tablo ile tüm sayfa kodu şöyle görünecektir:
gerilmiş masa
| tablonun sol hücresi | tablonun sağ hücresi |
