Sonuç:

Değerler piksel (px) veya yüzde (%) olarak belirtilir

○ İçeriği HTML tablosunda hizalayın

İçeriği HTML tablosunda hizalamak için etiketlemek için kullanın nitelik "Hizala" ve "Valign" :

ALIGN - tablodaki içeriğin yatay hizalanması.
Değerler:

• ayrıldı - içeriği sola it (varsayılan);
• merkez – merkeze yerleştirilmiş;
• sağ - içeriği sağa it

VALIGN - tablodaki içeriğin dikey hizalanması.
Değerler:

• üst – içeriği yukarıya doğru bastırın;
• alt – içeriği en alta itin;
• orta – ortada içerik ayarla

Sonuç:

○ HTML tablosu nasıl ortalanır

Tabloyu ortalamak için tabloyu etiketiyle sarmalısınız

Tabloya ek ve ana etiketler

Sonuç:

Böylece masaları bitirdik. Artık herhangi bir karmaşıklık tablosunu kendiniz oluşturabilirsiniz. Bu dersi pekiştirin. Herhangi bir tabloyu kendiniz oluşturmaya çalışın.
Bir sonraki derste seni görmeyi dört gözle bekliyorum. Blog güncellemelerime abone olun.

Önceki yazı
Sonraki Gönderi

Daha sonra tablolar, bir web sayfası için görünmez bir tel kafes oluşturmada çok önemli bir rol oynar. Ve bu, metinleri, menüleri, resimleri vb. Eşit ve güzel bir şekilde düzenlemenize yardımcı olacaktır.
Size anlatmaya çalıştığım şeyi daha iyi anlamak için örnek bir web sayfası tel çerçevesine bakın:

Yani, hTML'de basit bir tablo nasıl yapılır?
Bir tablo oluşturmak için üç etiket kullanmanız gerekir:

TABLO – tabloyu açmak için bu etiket gereklidir. Bu, diğer unsurları içeren bir tür kaptır. Burada onu bir çörek olmadan çözememeniz için eğdim. Hiçbir şey, bir örnek gördüğünüzde anlayacaksınız.
Bitiş etiketi gereklidir.

Tablo bir satırdan oluşur

TR – yeni bir tablo satırı oluşturur. Bitiş etiketi gereklidir.

TD – satırda yeni bir hücre oluşturur. Bitiş etiketi gereklidir.

Yukarıdakilerin tümünü daha iyi anlamak için bir örneğe bakalım:

İşte sonuç:

Her şeyi açıklamama izin verin.
Her yeni tablo oluşturulduğunda bir etiket açılır.

Sanırım sen çözdün? Birisinin bir niteliğin ne olduğunu unutması durumunda sınıretiketiyle birlikte kullanıyorum

Bazı örneklere göz atın oluşturulan tablolar ve daha ileri gidebilirsiniz:

Sonuç:

Bir tabloya resim eklemek için, bir HTML dosyasına nasıl resim ekleneceği konusunda temel temel bilgiye sahip olmanız gerekir. Bunun hakkında konuşuyorum. Artık HTML'deki bir görüntünün temel nüanslarını bildiğinize göre, tabloya bir resim eklemeyi deneyebilirsiniz. Bu şöyle yapılabilir:

etiketlerin arasındaki çizgide bir resim ekleyin.

satır 1 hücre 1

satır 1 hücre 2

Sonuç:

Bir tablodaki hücreler nasıl birleştirilir?

Bir tablodaki hücreleri birleştirmek için şuna benzer nitelikler kullanmanız gerekir:
COLSPAN - sütun sayısını belirler.
Varsayılan 1'dir.
ROWSPAN - satır sayısını belirler.
Varsayılan 1'dir.

hücreleri birleştir özniteliği kullanarak üst satırda colspan :

Sonuç:

Masanın boyutunu nasıl ayarlarım?

Tablonun yüksekliğini ve genişliğini ayarlamak için aşağıdaki özellikleri kullanın:

GENİŞLİK - masa genişliği. Boyut, piksel veya yüzde olarak belirtilir.
YÜKSEKLİK - masa yüksekliği. Boyut, piksel cinsinden veya yüzde olarak belirlenir.

Sonuç:

Bir tablodaki içeriği hizalama

İçeriği (metin, resimler) tablonun içinde hizalamak için aşağıdaki nitelikleri kullanabilirsiniz:

ALIGN - tablodaki içeriğin yatay hizalanması.
Atfetmek ALIGN değerler atanır: sol (varsayılan), merkez sağ.
ayrıldı -içeriği sola itin;
merkez -merkeze yerleştirilmiş;
sağ -içeriği sağa it

VALIGN - tablodaki içeriğin dikey hizalanması.
Atfetmek VALIGN değerler atanır: üst, alt, orta.
üst – içeriği yukarıya doğru bastırın;
alt – içeriği en alta itin;
orta – ortada içerik ayarla

Sonuç:

Masa arka planı nasıl yapılır?

Ayrıca, birleştirilmiş tüm hücrelerin yanı sıra her hücre için ayrı ayrı tablonun arka planını da ayarlayabilirsiniz. Arka planı bir renkle veya bir resimle ayarlayabilirsiniz. Arka plan için iki özellik vardır:

BGCOLOR - tüm tablonun veya her hücre için ayrı ayrı arka plan rengi. Renk, kod veya kelime ile verilir.
ARKA FON - tablodaki arka plan bir resimle doldurulur.

Dikkat: Tüm tablo için arka planı bir renkle veya bir arka plan resmiyle ayarlamak istiyorsanız, öznitelikler etiketinde ayarlanmalıdır.

... Ve yalnızca belirli bir hücreye yönelikse, etiket (Tablo Satırı) ve etiketiyle biter... Bir satırdaki tek bir hücre, bir çift etiketle çerçevelenir (Tablo Verileri) veya (Tablo Başlığı). Etiket ... Bitiş kodları, ve göz ardı edilebilir. Bu durumda, bir satırın veya hücre açıklamasının sonu, bir sonraki satırın veya hücrenin başlangıcı veya bir tablonun sonudur. Tablo sonu etiketi

. Daha iyi anlamak için bir örneğe bakın: satır 1 hücre1 satır1 hücre2 satır 2 hücre 1 satır 2 hücre 2 Sonuç: Dikkat: resim hücre başına boyut olarak daha küçükse, hücreyi sonuna kadar doldurana kadar tekrar eder. Resim hücreden daha büyükse, görüntünün arka planı hücre boyutuna sığacak şekilde kırpılır. Ve sonunda sana daha fazlasını anlatacağım iki kullanışlı özellik. Birdenbire tüm hücreler arasındaki mesafeyi artırmak istemeniz durumunda, aşağıdaki özellikler yardımcı olacaktır: HÜCRE YÜKLEME –Html tablosunun her hücresinin çerçevesi ile içindeki materyalin içeriği arasındaki mesafe. satır 1 hücre1 satır1 hücre2 satır 2 hücre 1 satır 2 hücre 2 Sonuç: satır 1 hücre1 satır1 hücre2 satır 2 hücre 1 satır 2 hücre 2 HÜCRE ARALIĞI –Komşu hücrelerin sınırları arasındaki mesafe. satır 1 hücre1 satır1 hücre2 satır 2 hücre 1 satır 2 hücre 2 Sonuç: satır 1 hücre1 satır1 hücre2 satır 2 hücre 1 satır 2 hücre 2 Fuh, söyledi! Umarım görevin üstesinden geldim ve bildiğim her şeyi açıkladım html tabloları... Ve sizin için malzemeyi iyi düzeltmenizi tavsiye ederim. Kendi tablonuzu veya daha iyisi bir html tablosundan bir web sayfası için bütün bir iskelet oluşturmaya çalışın. Senin için her şeyin en iyisini dilerim! Blogumu ziyaret ettiğiniz için teşekkürler. 4. Bölüm HTML tabloları HTML'de en güçlü ve yaygın olarak kullanılan araçlardan biri tablolardır. Tablo şeklindeki veri sunumu kavramı ek açıklamaya ihtiyaç duymaz. HTML'de, tablolar yalnızca geleneksel olarak veri sunma yöntemi olarak değil, aynı zamanda Web sayfalarını biçimlendirme aracı olarak da kullanılır. Aşağıda, tablo şeklinde bir görünümün bir belge oluşturmanın uygun bir yolu olduğu gerçek hayattaki belgelere örnekler verilmiştir. İncirde. 4.1, satırlara ve sütunlara bölünmüş sayısal verileri temsil eden tabloların tipik bir örneğini gösterir. İncirde. 4.2 Tablonun kullanımı sadece belgenin biçimlendirilmesi, sayfa öğelerinin göreceli konumunun ayarlanması amacına hizmet eder. Böyle bir belgeyi görüntülerken, hücrelerinin etrafındaki çerçeveler çizilmediğinden, onu oluşturmak için bir tablonun kullanıldığı hemen net değildir. HTML dilinin ilk sürümü, esas olarak basit metin yazmak için tasarlandığından, tabloları görüntülemek için özel araçlar sağlamıyordu. HTML belgelerinin uygulama alanlarının gelişmesiyle birlikte, bir dizi satır ve sütunun varlığının tipik olduğu verileri sunma görevi tipiktir. İlk olarak, sütun hizalı veriler içeren belgelerin oluşturulması önceden biçimlendirilmiş metin kullanılarak gerçekleştirildi ve gerekli sayıda boşluk eklenerek gerekli hizalama sağlandı. Bir çift etiketin içindeki metnin VE tek aralıklı yazı tipinde görüntülenir ve tüm boşluklar ve sekmeler önemlidir. Bu tür metinler için hizalama çalışması manuel olarak yapıldı ve bu da belgelerin oluşturulmasını önemli ölçüde yavaşlattı. Tablo veriler için destek, başlangıçta tüm büyük tarayıcılarda uygulandığı ve ancak HTML 3.2 spesifikasyonunda önemli bir süre sabitlendikten sonra fiili standart haline geldi. Tablo oluşturmak için özel araçlar, ancak, önceden biçimlendirilmiş metin kullanma olasılığını ortadan kaldırmaz. Tabloların kullanımı satır ve sütunlardan oluşan verilerle sınırlı değildir. Kullanımlardan biri, düz metin, resimler, diğer tablolar, vb. İçerebilen bir sayfadaki çeşitli verilerin düzenini düzenlemektir. Bu bölüm, tablo oluşturma kurallarına ve bunların kullanım örneklerine ayrılmıştır. Pirinç . 4.1. Tipik HTML tablosu örneği Pirinç . 4.2. Kenarlıksız bir tablo örneği Temel HTML Tabloları Oluşturma Öncelikle, basit tablolar oluşturmak için gerekli ve yeterli olan minimum etiket kümesini ve parametrelerini ele alalım ve ardından bunların ayrıntılı açıklamalarına geçelim. Tabloların açıklaması belgenin bölümünün içinde yer almalıdır ... Bir belge rastgele sayıda tablo içerebilir ve tablolar iç içe yerleştirilebilir. Her tablo etiketiyle başlamalıdır ve etiketiyle bitirin... Bu etiket çiftinin içinde, tablonun içeriğinin bir açıklaması bulunur. Herhangi bir tablo, her biri ayrı hücreler için verileri belirten bir veya daha fazla satırdan oluşur. Her satır etiketiyle başlar
ve	ve	genellikle tablo başlık hücreleri için kullanılır ve	- veri hücreleri için. Kullanımdaki fark, yalnızca hücrelerin içeriğini görüntülemek için varsayılan olarak kullanılan yazı tipi türünün yanı sıra hücredeki verilerin konumunda yatmaktadır. Tip hücrelerinin içeriği	Kalın ve ortalanmış olarak görüntülenir (ALIGN \u003d CENTER, VALIGN \u003d MIDDLE). Bir etiketle tanımlanan hücreler	varsayılan olarak verileri dikey yönde sola (ALIGN \u003d LEFT) ve ortada (VALIGN \u003d MIDDLE) hizalı olarak görüntüler. Etiketler	ve	tablo satırı açıklamasının dışında görünemez

ihmal edilemez.

Tablodaki satırların sayısı, açılış etiketlerinin sayısına göre belirlenir ve sütun sayısı maksimum sayıdır veya tüm çizgiler arasında. Bazı hücreler herhangi bir veri içermeyebilir, bu tür hücreler arka arkaya aşağıdaki etiketlerin bir çiftiyle tanımlanır - , ... Bir satırın sonunda bulunan bir veya birkaç hücre veri içermiyorsa, açıklamaları atlanabilir ve tarayıcı otomatik olarak gerekli sayıda boş hücre ekler. Bu nedenle, aynı boyutta farklı sütunların farklı satırlarda bulunduğu tabloların yapılmasına izin verilmez.

Tablonun birkaç etiket içinde bulunan bir başlığı olabilir ve... Tablo başlığının açıklaması etiketlerin içinde yer almalıdır

ve herhangi bir etiketin kapsamı dışında ancak herhangi bir yerde , veya ... HTML dil spesifikasyonuna göre, başlık açıklamasının konumu daha katı bir şekilde düzenlenir: etiketin hemen ardından yerleştirilmelidir. ilkine kadar ... Bu kurala uymanızı tavsiye ederiz.

Varsayılan olarak, tablo üstbilgisi metni bunun üzerine yerleştirilir (ALIGN \u003d TOP) ve yatay olarak ortalanır.

Listelenen etiketlerin sayısı ve değerleri farklı parametreler olabilir. Bununla birlikte, en basit durumda, etiketler, varsayılan değerleri alan parametreler olmadan kullanılır.

Bu bilgi, temel tablolar oluşturmak için oldukça yeterlidir. Şekil 2'de görüntüsü gösterilen iki satır ve iki sütundan oluşan basit bir tablo örneği verelim. 4.3.

1. satırın 1. hücresi	Hücre 2 Satır 1
2. satırın 1. hücresi	Hücre 2 Satır 2

Şekil: 4.Z. En basit tabloya bir örnek

Bir sayfadaki tabloları görüntüleyin

Tabloları tanımlayan etiketlerde kullanılabilecek çeşitli parametrelerin amacına bakalım.

Tablo başlığı

Tablo başlık etiketi TOP (tablonun üstündeki başlık) veya BOTTOM (tablonun altındaki başlık) olabilen tek geçerli parametre ALIGN'a sahiptir. ALIGN \u003d TOP değerine karşılık gelen ALIGN parametresi ihmal edilebilir. Yatay yönde, tablo başlığı her zaman ortalanmıştır. Tablonun başlığı olmayabilir. Çoğu durumda, HTML spesifikasyonu tarafından düzenlenen ancak gerçekte etiketlerin arasında tablo başlığı olarak düz metin kullanılır. ve bölümde kullanılan herhangi bir HTML elemanının yazılmasına izin verilir ... Aşağıda bir tablo başlığı girişi örneği verilmiştir:

Tablonun altında bulunan başlık

Bu başlık açıklaması yukarıdaki örneğe eklenirse, tablo Şekil 2'de gösterildiği gibi görüntülenecektir. 4.4.

Şekil: 4.4.Başlıklı tablo

Microsoft Internet Explorer, başlığın konumunu seçmek için ek seçenekler sağlar. ALIGN parametresi, yukarıda açıklanan değerlerle birlikte yatay hizalama için SOL, ORTA ve SAĞ değerleri kabul eder. Bunun, yaygın olarak kullanılan ALIGN parametresinin hem yatay hem de dikey hizalama için kullanılabileceği nadir durumlardan biri olduğunu unutmayın. Örneğin, ALIGN \u003d RIGHT, başlığın tablonun sağında ve yukarısında konumlandırılmasını sağlayacaktır. ALIGN \u003d BOTTOM yazarsanız, yukarıdaki örnekte olduğu gibi, başlık tablonun altında yer alacaktır. Ancak, ALIGN parametresi aynı başlıkta iki kez kullanılamaz. Bu nedenle, ek olarak dikey hizalama için özel bir parametre eklendi - TOP veya BOTTOM değerlerini alan VALIGN. Örneğin, bir tablonun altında sola hizalanmış bir başlık için açıklama şu şekilde görünür:

Sola dayalı başlık

Microsoft Internet Explorer'da başlığın bu açıklamasını içeren tablo aşağıdaki gibi görüntülenecektir (Şekil 4.5). Bu örnek Netscape'te görüntülenirse, başlık varsayılan olarak yani tablonun üstüne ve ortasına yatay olarak yerleştirilecektir.

Şekil: 4.5. Microsoft Internet Explorer ile tablo başlığının yatay hizalaması

Tablo başlığı yatay hizalama özellikleri, HTML spesifikasyonunun bir uzantısıdır, Netscape Navigator tarayıcısı tarafından desteklenmez ve yalnızca kesinlikle gerekli olduğunda kullanılmalıdır.

Etiket parametreleri

Tablo oluştururken kullanılan ana etiket etikettir

... Her biri ihmal edilebilen bir dizi parametre ile kullanılabilir. Geçerli seçenekler tarayıcıya göre değişir. Etiketteki HTML spesifikasyonuna göre aşağıdaki parametreler kullanılabilir: BORDER, CELLSPACING, CELLPADDING, WIDTH, ALIGN. NetScape ve Microsoft Internet Explorer tarayıcıları, listelenen beş parametreye ek olarak HEIGHT ve BGCOLOR parametrelerinin kullanılmasına izin verir. Bazı tarayıcılar, diğer parametrelerin ayarlanmasına da izin verir. Yaygın olarak kullanılan etiket parametrelerinin amacına bakalım .

BORDER parametresi

BORDER parametresi, esas olarak tablonun ve tüm tablonun etrafındaki ızgara çizgilerini veren her bir hücrenin etrafındaki bir kenarlığın görüntülenmesini kontrol eder. Varsayılan olarak, hiçbir çerçeve çizilmez ve kullanıcı ekranda yalnızca eşit aralıklı tablo hücrelerinin metnini görür. Tablolar kullanılarak uygulanan veya şekillerin ve metnin tam göreceli konumunu belirleyen çok sütunlu listeler için kenarlıksız tablo kullanımının oldukça gerekçelendirildiği birçok durum vardır. Bununla birlikte, çoğu durumda, tabloların geleneksel kullanımı için, hücrelerini birbirinden ızgara çizgileriyle ayırmak yararlıdır, bu da tablodaki bilgileri algılamayı ve anlamayı kolaylaştırır.

Tabloya çerçeve eklemek için koda eklemelisiniz

sayısal olabilen bir BORDER parametresi.

Örneğin,

veya .

Parametrenin sayısal değeri, tüm tablonun etrafına çizilen piksel cinsinden kenarlığın kalınlığını belirler, ancak bu değer her hücre etrafındaki kenarlıkların kalınlığını etkilemez. Sayısal bir değerin yokluğunda, çerçeve görüntüleme tarzı farklı tarayıcılar için farklılık gösterse de, genellikle minimum değere (1) eşit olduğu varsayılır. Tüm tablonun etrafındaki kenarlığın görüntüsünü bağımsız olarak kontrol etme yeteneği ve hücrelerin etrafındaki sınırlar mevcut değildir.

Şekil 2'de 10 piksel kenarlıklı bir tablo örneği gösterilmektedir. 4.6.

Şekil: 4.6.10 piksel kenarlıklı tablo

HTML 3.0 spesifikasyonu, BORDER parametresi için bir değer içermiyordu. Bu yalnızca HTML 3.2'de yapılır. Örneğin, Microsoft Internet Explorer'ın önceki sürümleri sayısal bir değerin belirlenmesine izin vermiyordu.

BORDER parametresinin yokluğunda, çerçevelerin çizilmediğini, ancak bunlar için boşluk bırakıldığını unutmayın (bu yalnızca Netscape için geçerlidir). BORDER parametresinin yokluğunda veya varlığında tablonun toplam boyutu değişmez (istisna, BORDER \u003d 0 ayarlanması durumudur). Bu nedenle, bu durumlarda bitişik iki hücre arasındaki minimum mesafe, çerçevenin kalınlığının iki katına, yani iki piksele eşit olacaktır. Hücreleri birbirine olabildiğince yakın düzenlemek, BORDER \u003d 0 olarak ayarlanarak mümkündür, yani sınır yok demektir. Bazı tarayıcılar BORDER parametresinin sayısal değerinin ayarlanmasını desteklemeyebilir, bu durumda sıfıra eşit bir değer yok sayılır ve tablo kenarlıklarla çizilir.

İşte bazı örnekler:

Netscape, üç örneği de farklı şekilde işleyecektir. Burada, varsayılan bir değerden söz edilemeyen oldukça benzersiz bir durum olduğunu unutmayın. BORDER parametresinin atlandığı üçüncü örnek, bu parametrenin mevcut olduğu herhangi bir örnekten farklıdır. Microsoft Internet Explorer için ikinci ve üçüncü örnekler aynıdır, bu nedenle BORDER parametresinin varsayılan değeri bu tarayıcı için sıfırdır.

CELLSPACING parametresi

Parametre gösterim formu: CELLSPACING \u003d num, burada num parametrenin piksel cinsinden sayısal değeridir ve ihmal edilemez. Num değeri, hem yatay hem de dikey olarak bitişik hücreler arasındaki (daha doğrusu hücre çerçeveleri arasındaki mesafeyi) belirler. Varsayılan olarak, değerin iki olduğu varsayılır. Geleneksel olarak yayınlama sistemlerinde, bitişik tablo hücrelerinin ortak bir sınıra sahip olduğuna dikkat edin. HTML tablolarında, yukarıdaki şekilde açıkça görülebileceği gibi, varsayılan olarak aralarında boşluk bırakılmıştır (Şekil 4.6). CELLSPACING \u003d 0 ayarladığınızda, bitişik hücrelerin sınırları birleşecek ve tablonun tek bir ızgarasının izlenimini yaratacaktır (Şekil 4.7).

Şekil: 4.7.CELLSPACING \u003d 0 olan tablo

CELLPADDING parametresi

Parametre gösterimi CELLSPACING'e benzer. Num değeri, hücre kenarlığı ile hücre içindeki veriler arasındaki boş alan miktarını (doldurma) belirler. Varsayılan olarak, değerin bir olduğu varsayılır. CELLPADDING parametresinin sıfır olarak ayarlanması, hücre metninin bazı kısımlarının kenarlığına dokunmasına neden olabilir, bu da estetik açıdan pek hoş görünmez.

İncirde. 4.8, CELLPADDING \u003d 10 olan bir tablo örneğini gösterir.

Şekil: 4.8.CELLPADDING \u003d 10 içeren tablo

CELLPADDING ve CELLSPACING parametreleri birbirine çok benzer. Kenarlıksız bir tablo için, bir veya diğer parametrenin değiştirilmesi aynı sonucu verir. Her iki parametre de karşılık gelen dolguyu yatay ve dikey olarak etkiler. Ne yazık ki, yatay ve dikey kenar boşluklarının ayrı yönetimi, örneğin, görüntülerden gelen kenar boşlukları için (etiketin HSPACE ve VSPACE parametreleri ), sağlanmadı.

Üç parametrenin tümü - BORDER, CELLPADDING ve CELLSPACING birbirinden bağımsız hareket eder, bunlardan herhangi biri atlanırsa varsayılan değeri alınır. Özellikle, yukarıdaki parametrelerin tümü atlanırsa, bitişik hücrelerden gelen veriler arasındaki minimum mesafe 6 piksel olacaktır (Netscape için). Bu değer, CELLSPACING için iki pikselden, CELLPADDING için bir pikselden ve her hücrenin kenarlığı için bir pikselden oluşur. En derli toplu tablo aşağıdaki açıklama belirtilerek elde edilecektir:

Sadece bu durumda hücreler birbirine yakın yerleştirilecektir. Bir kullanım örneği, tüm hücrelerinde yan yana yerleştirilmesi gereken aynı boyutta resimler içeren bir tablodur.

GENİŞLİK ve YÜKSEKLİK Parametreleri

Tablolar görüntülendiğinde, genişlikleri ve yükseklikleri tarayıcı tarafından otomatik olarak hesaplanır ve birçok faktöre bağlıdır: tüm belgenin açıklamasında belirtilen parametrelerin değerleri, bu tablo, tek tek satırları ve hücreleri, hücrelerin içeriği ve belgeyi belirli bir tarayıcıda görüntülerken ayarlanan parametreler , örneğin, yazı tipi ve boyutu, görüntü alanı boyutu, vb. Görüntüleme sırasında, tablo boyutları bu faktörler dikkate alınarak otomatik olarak hesaplanır ve tabloyu en uygun biçimde sunmaya çalışılır - tabloyu görünüm alanına sığacak şekilde düzenlemek için. Kural olarak, büyük belgeleri görüntülemeye yönelik genel şema, belge içeriğinin dikey olarak doğrusal kaydırılmasına ve çeşitli tablolar, resimler vb. İle serpiştirilmiş metni okumaya indirgenir. Bu, hem HTML belgeleri hem de herhangi bir metin düzenleyicide oluşturulan sıradan belgeler için geçerlidir. ... Çoğu metin düzenleyici (Microsoft Word gibi) ve HTML tarayıcısı, satırların görüntü alanının genişliğini aşmaması için (mümkünse) metni otomatik olarak biçimlendirir. Bu, belgenin yatay kaydırma ihtiyacını ortadan kaldırır. Tabloları olan tarayıcılar tarafından da benzer eylemler gerçekleştirilir - mümkünse, bunları tablonun genişliği görünüm penceresinin genişliğini aşmayacak şekilde biçimlendirin. Tabloların genişliğinin daha önemli olduğu, birincil parametrenin hesaplanması her şeyden önce yüksekliğe göre yapıldığı sonucuna varılabilir.

Çoğu durumda, tablonun dinamik olarak boyutlandırılması, görünüm portunun gerçek alanının verimli kullanımıyla estetik olarak orantılı bir görüntü ile sonuçlanacaktır. Bununla birlikte, tablonun genişliğini veya yüksekliğini zorunlu kılmak gerekebilir. Bu amaçla etiketin WIDTH (tablo genişliği) ve HEIGHT (tablo yüksekliği) parametreleri kullanılır.

... Gösterim biçimi: WIDTH \u003d num veya WIDTH \u003d num%, burada num, tüm tablonun genişliğinin piksel cinsinden veya tüm pencere boyutunun yüzdesi olarak sayısal değeridir. Bunun gerekli olduğu bir durumu hayal etmek zor olsa da,% 100'den büyük değerlerin belirlenmesine izin verildiğini unutmayın. Misal:

.

Tek tek hücreler için benzer parametreler ayarlanabilir. Parametre için belirli bir değer belirtmenin, örneğin WIDTH \u003d 200, tablonun her durumda belirtilen genişliğe sahip olacağı anlamına gelmediğini, ancak mümkün olduğunda korunacak olan önerilen genişliği belirlediğini unutmayın. Bunu örneklerle açıklayalım. Bu koşullar altında, varsayılan olarak belirtilenden daha az genişliğe sahip bir tablonuz olduğunu varsayalım. Bu durumda tarayıcı, tablonun tüm sütunlarını orantılı olarak genişleterek tablonun genişliğini gerekli olana çıkaracaktır. Görüntü alanını daraltmak tablonun genişliğini değiştirmez ve görüntülemek için yatay olarak kaydırılması gerekebilir. Tablonun varsayılan genişliği belirtilenden daha büyükse, tarayıcı önce genişliğini, belirtilen genişliğin gerekenden daha büyük olduğu tek tek sütunların genişliğini azaltarak ve ikinci olarak, ayrı hücrelerdeki metni birkaç satıra bölerek azaltmaya çalışacaktır. masanın yüksekliğini artırmak. Bu eylemler, masanın gerekli boyutunu sağlamayabilir ve daha sonra mümkün olan en küçük genişliğe sahip olacaktır. Görünüm alanı daraltıldığında boyut belirtilmemiş tablolar için aynı eylemler gerçekleştirilir.

Farklı tarayıcılar için tablo ayarlamak için belirli algoritmalar biraz farklılık gösterebilir.

ALIGN parametresi

Verilen etiket parametresi

tablonun görünüm alanındaki yatay konumunu tanımlar. Geçerli değerler SOL (sola yaslanmış) ve SAĞA (sağa yaslanmış) şeklindedir. Varsayılan olarak, tablolar sola hizalanır. Geçerli değerlerin hizalama parametresi - CENTER için tipik bir değer içermediğine dikkat edin. Bazı HTML kaynakları, bu durumda geçerli olarak CENTER'ı (merkez) belirtir. Bu HTML spesifikasyonunu takip eder, ancak pratikte hem Netscape Navigator hem de Microsoft Internet Explorer yalnızca iki değer uygular. Gerçek şu ki, etikette ALIGN parametresinin varlığı sadece tablonun konumunu belirlemekle kalmaz, aynı zamanda metnin masanın etrafında görüntü akışına benzer şekilde ters taraftan akmasına izin verir. Her iki taraftan masanın etrafına metin sarma hiçbir durumda sağlanmamaktadır. Daha hassas akış kontrolü için etiketini kullanın
CLEAR parametresiyle aynı şekilde ... ALIGN parametresi atlanırsa, tablonun sağındaki ve / veya solundaki boşluk genişliğine bakılmaksızın her zaman boş olacaktır. Tablonun etrafına sarılması için metin gerekmiyorsa, görünüm penceresinin merkezindeki konumunu elde edebilirsiniz. Bunu yapmak için, örneğin, tüm tablo açıklamasını bir çift etiketin içine koyabilirsiniz. ve.

Şekil 2'de ekranı gösterilen sarmalanmış metne sahip bir tablo örneği verelim. 4.9.

bir yetişkin

st.Petersburg nüfusu

Abram İskender Alexey Albert Anatoly Andrew Arkadi Boris Vadim sevgili Valery Fesleğen Victor Vitali Vladimir Vladislav Vyacheslav Gennady George Hermann Gregory Dmitriy

Evgeniy Efim Ivan Igor Ilya Yusuf Konstantin bir aslan Leonid Michael Nikolay Oleg Paul Peter Roman Semyon Sergei Stanislav Edward Yuri Jacob

En yaygın 43 isim, örneklemin% 92'sini kapsıyor.

Şekil: 4.9. Akan metin içeren kenarlıksız tablo

Bu belge, ALIGN \u003d LEFT hizalama parametresine sahip kenarlıksız bir tablodan oluşur ve bu, tabloyu takip eden metnin sağında konumlandırılmasına izin verir. Tablo, iki hücre içeren yalnızca bir satırdan oluşur. Her hücre sırasız bir listenin bir bölümünü içerir

... Bir listeyi görüntülemek için tablo kullanmak, bir listeyi birden çok sütuna zorlamanın bir yoludur ve bu örnekte de gösterilmiştir. Tablonun sağ tarafında bulunan metin oraya sığmayabilir, ancak tablonun ardından devam edecektir. Tarayıcı görünüm penceresinin genişliğini azaltmak için bu örneği kullanmayı deneyin; bir noktada tüm metin tablonun altında görünecektir. Tablo boyunca metnin akışını zorla kesmek için (örneğin, sonraki metin mantıksal olarak tabloyla ilişkili değilse ve altında yer alması gerekiyorsa), kodu kullanmanız gerektiğini hatırlayın.
CLEAR parametre seti ile. Bu örnek için yazmanız gerekiyor
veya
... Bazı tarayıcılar CLEAR parametresinin bir değer olmadan yazılmasına izin verir, ancak bu önerilmez. Aynı görevi gerçekleştirmek için birden fazla satır beslemesi belirtmek
CLEAR parametresi olmadan (metinden önce birkaç satır aşağı taşımak için yapıldığı gibi) veya yeni bir paragrafın başlangıcı için birkaç kod olmadan

Yanlış karar.

Şekil 2'de görüntüsü gösterilen böyle bir sayfa oluşturmak için biraz farklı bir örnek verelim. 4.10.

En yaygın erkek isimleri

st.Petersburg'un yetişkin nüfusu

Abram İskender Alexey Albert Anatoly Andrew Arkadi Boris Vadim sevgili Valery Fesleğen Victor Vitali Vladimir Vladislav Vyacheslav Gennady George Hermann Gregory Dmitriy

Evgeniy Efim Ivan Igor Ilya Yusuf Konstantin bir aslan Leonid Michael Nikolay Oleg Paul Peter Roman Semyon Sergei Stanislav Edward Yuri Jacob

Sunulan veriler, St. Petersburg'da yaşayan 18 yaş üstü 5000 erkek hakkında bilgi içeren temsili bir numunenin analizine dayanılarak elde edildi. En yaygın 43 isim, örneklemin% 92'sini kapsıyor. Diğer isimlerin her birinin görülme sıklığı% 0,3'ü geçmiyor



Şekil: 4.10. Üç sütunlu kenarlıksız bir tablo

Önceki örnekten farklı olarak, tablonun etrafında akan bir metin yoktur. Belgenin tamamı, bir satırda üç hücre içeren ve başlığı olan bir tablodan oluşur. İlk iki hücre, önceki örneği tamamen tekrar eder. Üçüncü hücre, ilk iki hücrenin içeriği hakkında yorum yapan metni içerir. Burada, önceki durumda anlatıldığı gibi, zorunlu metin sonu ayarlamaya gerek yoktur. Tablo ile ilgili tüm metin, üçüncü hücrenin içinde ve sonraki metin - tüm tablonun açıklamasının bitiminden sonra yer almalıdır.... İlk durumda iki sütunlu listenin ortasında, ikinci durumda ise tablonun üç sütununun ortasında yer alan başlık dışında her iki örnek de tam ekranda görüntülendiğinde aynı görünür. Bununla birlikte, son örnekte görüntü alanı küçültüldüğünde, metnin hiçbir bölümü tablonun altına inemez ve böylece yapısını bozar.

Bir tablo içindeki verileri biçimlendirme

Bir tablodaki her bir hücre, bağımsız biçimlendirme için bir alan olarak düşünülebilir. Metnin görüntülenmesini yöneten tüm kurallar, bir hücre içindeki metni biçimlendirmek için kullanılabilir. Belge gövdesinin içinde görünebilecek hemen hemen tüm HTML öğelerine hücre içinde izin verilir. metnin düzenini kontrol eden etiketler dahil -

,
,

---

, başlık kodları - itibaren

önce

, karakter biçimlendirme etiketleri -<В>, , , , , , , etiketler grafik görüntüler ekler , köprü metni bağlantıları<А> Hemen, belirli bir hücre içinde belirtilen etiketlerin kapsamının, bitiş etiketinin varlığından bağımsız olarak, bu hücrenin sınırları ile sınırlı olduğunu vurguluyoruz. Örneğin, bir hücre içinde bir metin rengi tanımlanmışsa - , sonlandırma kodu olmasa bile veya tablonun birkaç hücresi veya satırına yerleştirildiğinde, sonraki hücrenin metni varsayılan renkte yansıtılır.

Tablo hücrelerindeki verileri formatlamak için aşağıdaki seçenekler mevcuttur.

Hücrelerin içeriği için hizalama seçenekleri ALIGN ve VALIGN'dır. Kodlarda kullanılabilir , ve ... Yatay hizalama parametresi ALIGN, LEFT, RIGHT ve CENTER olabilir (varsayılan değer LEFT) ve MERKEZİ ). VALIGN dikey hizalama parametresi ÜST (üst), ALT (alt), ORTA (orta), BASELINE (taban) olabilir. Varsayılan, ORTA'dır. Taban çizgisi hizalaması, tüm hücrelerdeki tek bir satırın metninin tek bir satıra sabitlenmesini sağlar. Kod düzeyinde hizalama seçeneklerini ayarlama belirli bir satırın tüm hücreleri için hizalamayı tanımlar, satırın her bir hücresinde, içinde belirtilen parametrelerin etkisini geçersiz kılan kendi parametreleri tanımlanabilir. .

Birinci sütunun hücrelerindeki verilerin sağa hizalandığı, ikinci sütunun ortalandığı ve üçüncünün sola hizalandığı (varsayılan) bir tablo örneği:

Hücre 1	Hücre 2	Hücre 3
Hücre 4	Hücre 5	Hücre 6

Bu örneğin tarayıcı tarafından görüntülenmesi Şekil 2'de gösterilmiştir. 4.11.




Şekil: 4.11.Tablo hücrelerindeki verileri hizalama

NOWRAP parametresi, hücre metnini otomatik olarak satırlara ayırma özelliğini devre dışı bırakır. Kodlarda kullanılabilir , ve ... Tabloları dinamik olarak yeniden boyutlandırma yeteneğini önemli ölçüde azaltabileceği ve algılarını bozabileceği için bu parametrenin uygunsuz kullanımından kaçınılmalıdır. Çoğu durumda, yeni bir satıra kelime kaydırmanın gerçekten yasaklanmasını gerektiren tek tek hücrelere NOWRAP uygulamak yeterlidir. Sözcüklerin sarılması yalnızca sözcükler (boşluklar) arasındaki ayırıcılarla gerçekleştirilir ve bazı durumlarda, metnin boşluk karakteri yerine belirli yerlerde kırılmasını önlemek için bölünmeyen bir boşluğun kodunu ayarlayın (Kesintisiz Boşluk). Örnekler arasında, sayısal bir değer ile belirli bir değerin ölçü birimi arasındaki boşluğun tavsiye edilmediği durumlar; soyadı ve baş harfleri arasında. Yani 650 km veya Yeltsin B.N. formda yazmanız tavsiye edilir650 km ve Yeltsin B.N.

WIDTH ve HEIGHT parametreleri kodlarda kullanılabilir ve ... Söz dizimi, etiket için bu parametrelerin sözdizimine benzer

... Değerleri, bu parametrelerin yazıldığı hücrenin genişliğini veya yüksekliğini belirler. Değerler piksel cinsinden veya tüm tablonun boyutunun yüzdesi olarak belirtilebilir. Microsoft Internet Explorer yalnızca WIDTH değerinin piksel cinsinden ayarlanmasına izin verir. Tablo, satır ve sütunlardan oluşan tutarlı bir yapı olduğundan, bir hücre için genişliğin ayarlanması, hücrenin bulunduğu tüm sütunun genişliğini etkiler ve yüksekliğin ayarlanması tüm satırı etkiler. Bir sütunda genişlik değeri yalnızca bir hücrede belirtilirse, bu değer tüm sütunun genişliği olur. Bu tür birkaç gösterge varsa, maksimum değer seçilir. Aynı özellikler dizeler için de geçerlidir.

Karmaşık tablolar, birkaç bitişik hücrenin yatay veya dikey olarak tek bir hücreye birleştirilmesi ihtiyacıyla karakterize edilir. Bu özellik, kodlarla ayarlanan COLSPAN (COLiimn SPANning) ve ROWSPAN (ROW SPANning) parametreleri kullanılarak uygulanır.

bu grubun bağımsız sütunlarının ayarları belirlenir. Üstelik etikette Gerekirse, değerleri verilen grubun tüm sütunlarına uygulanan hizalama parametreleri belirtilebilir. Etikette belirtilen parametre değerleri , etiketindeki değerleri geçersiz kıl ... Etikette olduğunu unutmayın bu örnekte, öncekinden farklı olarak, SPAN parametresi yoktur. Burada kullanımı anlamsızdır, çünkü gruptaki elemanların sayısı etiketini takip edenler tarafından belirlenecektir. etiketleri ... Bu nedenle, SPAN etiketi parametresinin herhangi bir değeri geçersiz kılınacak.

İncirde. 4.17, yukarıdaki kodun uygulanmasının sonucunu ve etikette KURALLAR \u003d GRUPLAR girişi olan böyle bir tabloyu görüntülemenin bir varyantını gösterir.

veya

... Gösterim biçimi: COLSPAN \u003d num, burada num, geçerli hücrenin yatay olarak kaç sütunun genişletileceğini belirleyen sayısal bir değerdir. ROWSPAN parametresinin kullanımı benzerdir, yalnızca burada geçerli hücrenin dikey olarak yakalaması gereken satır sayısını belirtirsiniz. Varsayılan olarak, bu parametreler bire ayarlanmıştır. Aynı anda bir hücre için her iki parametrenin değerlerini ayarlamak mümkündür. Bu parametrelerin değerlerini doğru ayarlamak çok basit bir iş olmayabilir, özellikle de çoğu HTML düzenleyicisi sonraki nesil HTML kodlarıyla yalnızca en basit tabloları görsel olarak oluşturmanıza izin verdiği için. İncirde. 4.12, aşağıdaki HTML kodu kullanılarak elde edilen bir tablonun görüntülenmesi örneğini gösterir: İki satıra yayılan hücre İki sütunu kapsayan hücre Hücre 3 Hücre 4 Hücre 5 Hücre 6 Hücre 7 Şekil: 4.12. Birden çok satıra veya sütuna yayılan hücrelerin bulunduğu tablo Hücrelerin kayma parametrelerinin değerlerinin dikkatsizce ayarlanması, sonucun tahmin edilemez olduğu karşılıklı örtüşme ve çatışmalara yol açabilir. Genişletilmiş hücreler için tipik bir kullanım, birkaç bitişik sütun veya satır için ortak bir başlıktır. Burada, genişletilmiş hücrelerin yanlış bir şekilde oluşturulduğu bir HTML kodu örneği (ekranı Şekil 4.13'te gösterilmiştir). Hücre 1 Hücre 2 Hücre 3 (Yaygın Ha üç çizgiler) Hücre 4 Hücre 5 Hücre 6 Hücre 7 (iki sütuna yayılmış) Şekil: 4.13.Genişletilmiş hücrelerin yanlış tanımının sonucu (metin yer paylaşımı) BGCOLOR parametresi tüm tablonun, tek tek satırların veya hücrelerin arka plan rengini ayarlar. Etiketlerde olabilir , , herhangi bir bilgi veya veri olarak işlem görmeyen bir veya daha fazla boşluk içermez. Örneğin görünmez veriler içeren hücreler, kod veya satır besleme kodu içerebilir veya hücrenin arka plan rengiyle eşleşen herhangi bir metin. Veri içeren hücreler (görünmez olsalar bile) tüm tarayıcılar tarafından aynı şekilde görüntüleniyorsa, boş hücreler farklı şekilde görüntülenecektir. Netscape tarayıcısı boş bir hücre göstermez, yani bu hücrenin bulunduğu yer, veri içeren hücrelerin aksine hücrenin arka plan rengiyle değil sayfanın arka plan rengiyle boyanacaktır. Boş hücrelerin etrafına sınır çizilmez. Boş hücreye sahip bir tablo örneği, Şek. 4.15. Şekil: 4.15. Boş tablo hücresi, farklı tarayıcılar tarafından farklı şekilde oluşturulur Microsoft Internet Explorer, her iki hücreyi de hücrelerin arka plan renginde görüntüler. NSCA Mosaic gibi bir tarayıcı, kullanıcıya uygun seçenekleri seçerek boş tablo hücrelerinin çıktısının doğasını belirleme fırsatı sağlar. Bu özelliklerin bilinmesi, kullanıcı tarafından seçilen tarayıcıya bakılmaksızın uygun bir şekilde görüntülenecek tablolar tasarlamanıza izin verecektir. Bazı durumlarda, boş hücreler yerine tek bir kod içeren hücreler oluşturması yeterlidir. Verileri tablo sütunlarında hizalama Tablolar oluştururken yaygın bir sorun, tek tek satırlar veya sütunlar için hizalama seçeneklerini ayarlamaktır. Geçerli satırın tüm hücrelerinin içeriğini hizalamak için kodda gerekli parametreleri ayarlamanız yeterlidir. ... Bununla birlikte, çoğu durumda, sütun homojen veriler içerdiğinden, çoğu durumda, aynı sütundaki tüm öğeler için aynı hizalamanın sağlanması gerekir. HTML'nin önceki sürümlerinde, bunun için etiketinde belirtilen COLSPEC parametresinin (COLumn SPECification) kullanılması önerildi. ve ... Bu özellik HTML spesifikasyonuna dahil değildir, ancak hem Netscape hem de Microsoft Internet Explorer tarafından desteklenmektedir. Kayıt formu, etiketle aynıdır yani: BGCOLOR \u003d değer, burada RGB formatındaki renk içeriği veya adı değer olarak belirtilir. Misal: veya . İç içe tablolar Ayrı tablo hücreleri, bölümde izin verilen hemen hemen tüm dil etiketlerini ve verileri içerebilir belge. Özellikle, bir tablonun bir hücresine başka bir tablo yerleştirilebilir. Bu tür tablolara iç içe geçmiş tablolar denir. Yapım kuralları, tabloların yapımından farklı değildir ve ayrı bir açıklamaya ihtiyaç duymaz. Tabloları destekleyen tüm tarayıcıların, çeşitli düzeylerde iç içe geçmiş karmaşık tabloları doğru şekilde yansıtmadığını unutmayın, bu nedenle bunları dikkatli kullanın. Burada, bir iç içe geçme düzeyi kullanan bir tablo örneği verilmiştir. Leningrad Bölgesi Şehirleri H - şehir nüfusu (bin kişi, 1992) P - St.Petersburg'a uzaklık (km) St.Petersburg'a Bağlı Şehirler Kent H P Zelenegopsk 13.6 50 Kolpino 144.6 26 Kronstadt 45.2 48 Lomonosov 42.0 40 Pavlovsk 25.4 30 Petrodvorets 83.8 29 Puşkin 95.1 24 Sestroretsk 34.9 35 Tüm şehirler ikincil yönetim Petersburg, var direkt şehir telefon numaraları. Bölgesel şehirler Kent H P Boksitogorsk 21.6 ALIGN \u003d SAĞ\u003e 245 Balkhov 50.3 ALIGN \u003d SAĞ\u003e 122 Bcevolozhsk 32.9 24 Vyborg 80.9 130 Vysotsk 1.0 ALIGN \u003d SAĞ\u003e 159 Gatchina 80.9 46 Ivangorod 11.9 ALIGN \u003d SAĞ\u003e 147 Kamennogorsk 5.9 157 Kingisepp 51.5 ALIGN \u003d SAĞ\u003e 138 Kirishi 53.8 ALIGN \u003d SAĞ\u003e 115 Kirovsk 23.8 55 Lodeinoe Kutbu 27.3 ALIGN \u003d SAĞ\u003e 244 Lyga 41.8 139 (Tablonun devamı) Kent H P Lyuban 4.7 85 Yeni Ladoga 11.2 ALIGN \u003d SAĞ\u003e 141 Sevindirici 22. 9 ALIGN \u003d SAĞ\u003e 40 Pikalevo 25.1 ALIGN \u003d SAĞ\u003e 246 Destek 23.1 285 Primorsk 6.7 137 Priozersk 20.5 ALIGN \u003d SAĞ\u003e 145 Svetogorsk 15.8 ALIGN \u003d SAĞ\u003e 201 Seçenek listeleri 42.6 ALIGN \u003d SAĞ\u003e 192 Pinery 57.6 81 Tikhvin 72.0 ALIGN \u003d SAĞ\u003e 200 Tosno 33.8 53 W Liscelburgh 12.5 64 Şekil: 4.14.İç içe geçmiş tablo örnekleri Bu örneğin gösterilmesinin sonucu Şekil 2'de gösterilmiştir. 4.14. İlk bakışta, örnekte tablo iç içe geçmemiş gibi görünüyor. Aslında, belgenin tamamı bir başlıktan ve beş hücre içeren tek bir satırdan oluşan kenarlıksız bir tablodur. Böyle bir tablonun organizasyonu, yalnızca sayfadaki verileri düzenlemek amacına hizmet eder. İlk hücrenin içinde, kendi başlığı ve üç sütunu olan başka bir tablo ve ardından ortaya hizalanmış metin vardır. Üçüncü ve beşinci hücreler ayrıca ayrı tablolar içerir. İkinci ve dördüncü hücreler boştur, herhangi bir veri içermezler ve genişliğini belirleyen tek bir WIDTH parametresine sahiptirler. Amaçları, birinci ve üçüncü ile tabloların bulunduğu üçüncü ve beşinci hücreler arasındaki girintiyi ayarlamaktır. Bu, böyle bir girintiyi ayarlamak için olası seçeneklerden biridir. Diğer bir seçenek, hücreler arasındaki mesafeyi belirleyen HÜCRE ARALIĞI parametresini kullanmaktır, ancak bu parametre şu anda gerekli olmayan hem yatay hem de dikey girintileri ayarlar. Ek olarak, CELLSPACING parametresi (ve CELLPADDING) tarafından belirtilen boşluğun aksine, görüntü alanı daraltıldığında, belirtilen genişliğe sahip boş bir hücre küçülür. Tarayıcıdaki görüntü alanının genişliğini azaltmak veya aynı sonuçlara yol açacak şekilde metni görüntülemek için kullanılan yazı tipinin boyutunu artırmak için bu örneği kullanmayı deneyin. Tablolar arasındaki mesafe sıfıra indirilerek tüm bilgilerin olabildiğince uzun süre aynı anda görülebilmesi mümkün olacak, ancak daha fazla değişiklik tabloya zarar vermeyecek, yatay olarak kaydırma olanağı sağlayacaktır. Benzer bir şemaya göre, yalnızca tablolardan değil, aynı zamanda görüntülerden, metin parçalarından vb. Oluşan bilgilerin yerleşimini de düzenleyebilirsiniz. Yapı masalarının özellikleri Bu bölümde, tek tek tarayıcıların bazı belirli özelliklerinin yanı sıra tablo oluşturma ve görüntülemenin bazı incelikleri ele alınmaktadır. Tablolarda boş hücreleri görüntüleme Tabloların farklı tarayıcılar tarafından sunumunun özelliklerinden biri de boş hücrelerin görüntülenmesidir. Dil açıklamasına göre, tüm tarayıcılar, sayıları diğer satırlardan daha az herhangi bir satıra ayarlanmışsa, satırları boş hücrelerle doldurmalıdır. Ayrıca veri içermeyen hücreler tablonun herhangi bir yerinde bulunabilir. Boş hücreler ile görünmez veri içeren hücreler arasında bir ayrım vardır. Bir çift etiketin içindeki boş hücrelerde ve ve her tablo sütununun hizasını ve genişliğini belirledi. Örneğin, colspec \u003d "L40 R50 C80" ayarı, tablonun üç sütunu için hücrelerdeki verilerin hizalamasını belirledi: ilk sütun için - SOL, ikinci - SAĞ ve üçüncü - MERKEZ ve ayrıca her sütunun genişliği. HTML geliştikçe bu seçenek kaldırılmıştır ve şu anda dil belirtiminin bir parçası değildir ve çoğu tarayıcı tarafından desteklenmemektedir. Sonuç olarak, Netscape Navigator bu sorunu çözmek için herhangi bir özel araca sahip değildir ve tek seçenek, ya varsayılan hizalamayı kullanmak ya da gerektiğinde her hücrede uygun değerleri ayarlamaktır. Microsoft Internet Explorer özel etiketler sağlar - ve ... Bu etiketler, açıklamadan hemen sonra görünmelidir etiketin ilk oluşumundan önce . Etiket parametreleri ve parametre değerlerinden etkilenen bitişik sütunların sayısını belirleyen SPAN ve karşılık gelen sütunun (veya sütunların) tüm hücrelerindeki verilerin yatay hizalamasını belirleyen ALIGN olabilir. ALIGN parametresi için geçerli değerler LEFT, RIGHT ve CENTER'dır. SPAN için varsayılan değer birdir. Etiket ayrıca, hücrelerdeki verilerin dikey hizalamasını belirleyen VALIGN parametresini ayarlamanıza izin verir. VALIGN parametresi için geçerli değerler MIDDLE, TOP ve BOTTOM'dur. Etiketler arasındaki fark ve Bunlardan ilki, sütunlar için veri hizalama parametrelerini ayarlamanın yanı sıra, birkaç sütunu koşullu olarak bir grupta birleştirmesidir. Bu kombinasyonun etkisi, aşağıda açıklanan KURALLAR parametresi kullanılırken ortaya çıkar. Varsayılan olarak, bir tablodaki tüm sütunlar tek bir grup olarak kabul edilir. Etiket yalnızca bir gruptaki ayrı sütunlardaki verilerin hizalamasını tanımlamak için kullanılmalıdır. Bir örnek verelim. İlk üçündeki veriler sağa hizalı ve sonraki üçü ortada olacak şekilde 6 sütun içeren bir tablo oluşturmak istediğinizi varsayalım. Bu sorunu çözmek için aşağıdaki HTML kodunu yazmalısınız: (tablo için veriler) Bu kodu görüntülemenin sonucu Şekil 1'de gösterilmiştir. 4.16. Şekil: 4.16. Hücre gruplarındaki veriler için farklı hizalama seçeneklerine sahip tablo Başka bir örnek. Önceki tabloda, ilk iki sütunun sağa ve üçüncüsünün - ortada, üç sütunun da gruplandırıldığı şekilde hizalanması gerektiğini varsayalım. Sonraki üç sütun da birlikte gruplanmalı ve ilk grupla aynı hizalamaya sahip olmalıdır. Bu sorunu çözmek için aşağıdaki HTML kodunu yazmalısınız: (tablo için veriler) Bu örnekte, etiketinden sonra

, buradan gruplamanın anlamını görebilirsiniz.

Tavsiye

Etiketlerin kapsamı

ve tek tarayıcı Microsoft Internet Explorer ile sınırlıdır, bunları dikkatli kullanmalısınız. Bu etiketleri kullanmanın rahatlığı açıktır, ancak pratikte çoğu tablo, gerektiğinde her tablo hücresi için uygun ALIGN hizalama parametresi kullanılarak oluşturulur; bu, tablo kaynak kodunun boyutunu önemli ölçüde artırır, ancak herhangi bir tarayıcıda görüntülemeye izin verir.




Şekil: 4.17. Gruplanmış Sütun Tablosu

Tablo kenarlıklarının rengini ayarlama

Yalnızca Microsoft Internet Explorer'a özgü birkaç seçenek daha, tablo kenarlıklarının rengini seçmenize olanak tanır - BORDERCOLOR, BORDERCOLORLIGHT ve BORDERCOLORDARK. Bu parametreler etiketlerde ayarlanabilir

, ... Renk adı veya onaltılık değeri, bu parametreler için bir değer olarak kullanılabilir. BORDERCOLOR parametresi, tüm tablo kenarlık öğelerinin rengini belirtir ve diğer iki parametre, BORDERCOLOR değerini geçersiz kılarak tek tek kurucu sınırların rengini belirtir. BORDERCOLORLIGHT parametresi, tüm tablonun sol ve üst kenarlarını ve buna göre her hücrenin sağ ve alt kenarlarını belirtilen renkte boyar. İkinci parametre BORDERCOLORDARK, karşıt kenarların renklerini ayarlar. Bu parametrelerin eyleminin birleşiminden dolayı, tablo, sayfa yüzeyinin biraz üzerinde yükseltilmiş veya derinleşmiş görünecektir. Hepsi seçilen renk kombinasyonuna bağlıdır.

Not

Netscape 4.x tarayıcısı, BORDERCOLOR parametresini de destekler.

Tablo için arka plan resmini ayarlama

Microsoft Internet Explorer (ve ayrıca Netscape 4.x), BACKGROUND parametresinin bir tablo için arka plan görüntüsünü tüm bir HTML belgesiyle aynı şekilde tanımlamasına izin verir. Bu parametre etiketlerde ayarlanabilir

,	ve

, , w

Microsoft Internet Explorer, tabloları yapılandırmak ve çerçevelerin ve ızgara çizgilerinin oluşturulmasını esnek bir şekilde kontrol etmek için bir dizi yeni etiket kullanmanıza olanak tanır.

Etiketler

, ve tablo açıklamasının yapısını, tablo başlığı hücrelerini, tablonun ana içeriğini ve son satırı vurgulayarak daha kesin bir şekilde ayarlayın. Bu etiketler yalnızca bir çift etiket içindeki tabloların açıklamasında görünebilir

ve	. Tablo yapılandırma etiketleri

ve.

Etiketler ve bir tablonun üst ve alt bilgisini tanımlamak için kullanılır. Bu etiketler tabloda birden fazla görünmeyebilir. Bunlar için bitiş etiketi ihmal edilebilir. Bu etiketleri kullanmak, bir sayfanın ötesine uzanan büyük tablolar oluştururken yararlıdır.

Etiket tablonun açıklamasında birden çok kez ortaya çıkabilir, bu da bitiş etiketinin kullanılmasını gerektirir... Bu etiket, etiketle aynı şekilde mantıksal veri gruplaması gerçekleştirir bitişik sütunları gruplama.

Yeni etiketleri kullanırken, tablonun kenarlarını ve ızgara çizgilerini daha esnek bir şekilde kontrol etmek mümkün hale gelir.

Tablo etrafındaki çizim çerçevelerinin kontrolü, etiketin FRAME parametresi tarafından gerçekleştirilir.

RULES parametresiyle tablo kılavuz çizgileri. Örneğin, sütunlar arasında sadece dikey çizgiler çizmek ve tüm tablonun etrafına bir sınır yerine tablonun üstünde ve altında yatay çizgiler vermek mümkün hale gelir.

FRAME parametresi aşağıdaki değerleri alabilir:

• BOX veya BORDER - çerçeve dört taraftan çekilir
• YUKARIDA - sadece üst taraftan
• ALTINDA - sadece alt taraftan
• HSIDES - alt ve üst taraflar çizilir
• VSIDES - sol ve sağ taraflar çizilir
• LHS - sadece sol tarafta
• RHS - sadece sağ tarafta
• GEÇERSİZ - dış çerçevesiz masa

RULES parametresi, tablonun dahili ızgara çizgilerinin çizimini kontrol eder ve aşağıdaki değerleri alabilir:

• HERŞEY - tüm iç çizgiler çizilir
• GRUPLAR - grupları ayırarak sadece çizgiler çizilir
• SATIRLAR - çizgiler ayırarak çizilir
• COLS - sütunları ayıran çizgiler çizilir
• YOK - iç çizgiler çizilmez

Misal:

.

Not

Tablonun ve çerçevelerin kılavuz çizgilerinin çizilmesi, yalnızca BORDER etiketi parametresi mevcutsa gerçekleştirilecektir.

... Bu parametre yoksa veya değeri sıfırsa, ÇERÇEVE ve KURALLAR parametrelerinin hiçbir değeri için ızgara çizgileri ve çerçeveler bulunmayacaktır.

Aşağıda, açıklanan özellikleri kullanarak bir tablo oluşturan eksiksiz bir HTML kodunun bir örneği verilmiştir:

Esnek hat kontrolüne bir örnek
ızgara tablosu

Sütun başlığı 1	Sütun Başlığı 2	Sütun başlığı 3
Veri	Veri	Veri
Veri	Veri	Veri
Veri	Veri	Veri
Veri	Veri	Veri
Veri	Veri	Veri
Veri	Veri	Veri
Sonuç	Sonuç	Sonuç




Şekil: 4.18.Microsoft Internet Explorer tarayıcısını kullanarak tablonun kılavuz çizgilerinin esnek çizimi

Tarayıcı tarafından Şekil 1'de görüntülenen bu örnekte. 4.18, tablonun etrafındaki kılavuz çizgileri ve kenarlıkları kontrol etmek için olası seçeneklerden biri gösterilmektedir. Tablonun etrafına (BORDER \u003d S) sadece üst ve alt taraflara (ÇERÇEVE \u003d HSIDES) 5 piksellik bir kenarlık çizilir. Veri gruplarını ayırmak için tablonun içine kılavuz çizgileri çizilir (KURALLAR \u003d GRUPLAR). Veri grupları, ilk olarak üç etiketin varlığıyla tanımlanır her biri ayrı bir tablo sütunu bildirir grubu. İkincisi, etiketler , ve<тгоот> ayrıca tablo verilerini, dahili yatay çizgilerin çizimini belirleyen gruplara ayırın.

Bir tablodaki sütun sayısını ayarlama

Microsoft Internet Explorer (ve Netscape 4.x tarayıcısı) etiketinde belirtmenize olanak sağlar

değeri tablodaki sütun sayısını belirleyen COLS parametresi. Bu parametrenin yazılması, bir tarayıcıda görüntülendiğinde tablo düzenini hızlandırmanıza olanak tanır, çünkü tablo açıklama kodu yüklenmeden önce sütun sayısını belirlemek mümkün hale gelir. Şu anda, bu parametrenin etkinleştirilmesi, belge yükleme ilerlemesini hiçbir şekilde etkilemez.

Tabloların dikey hizalanması

Son etiket parametresi

yalnızca Microsoft Internet Explorer'a özgü, metne göre tablonun dikey hizalamasını belirleyen VALIGN'dır. Eylemi, görüntüler için olana benzer.

Not

Bir ve aynı parametrenin kullanımının hem amaç hem de farklı etiketler için olası değerlerde, hatta aynı tarayıcı için ve dil spesifikasyonu çerçevesinde önemli ölçüde farklılık gösterebileceğini unutmayın. Bu nedenle, uygulamalarının bağlamı dışında çeşitli parametrelerin kullanımına ilişkin bir pivot tablo derlemek imkansızdır. Örneğin, ALIGN parametresi tablolarda yalnızca üç farklı şekilde kullanılır:

• etiket için

ALIGN parametresi SOL veya SAĞ değerleri alabilir ve tablonun sırasıyla sol veya sağ kenara hizalanmış konumu anlamına gelir;

etiket için

,

ALIGN parametresi, TOP veya BOTTOM değerlerini alır ve tablonun üstündeki veya altındaki tablo başlığının konumunu belirtir;

etiketler için

ve

ALIGN parametresi SOL, SAĞ veya MERKEZ değerlerini alır ve tablodaki ilgili hücrenin (veya hücrelerin) içeriğini yatay olarak hizalamak anlamına gelir. Tablo görünümüne alternatif Tablo desteği, Web tarayıcılarının yaygın bir özelliği haline geldi, bu nedenle bunları kullanmaktan kaçınmak için çok az neden var veya hiç yok. Bununla birlikte, tablolar yerine veya bunlara ek olarak kullanılabilecek alternatif veri temsilleri için olası seçenekleri değerlendireceğiz. Tablo kavramını kullanmayan diğer bazı yöntemler: Önceden biçimlendirilmiş metin kullanma. Bu teknik, geleneksel olarak, tablo desteği henüz mevcut olmadığında, HTML'nin ilk sürümlerinde kullanılmıştır. Bu tür metinler, tamamen metin olanlar da dahil olmak üzere herhangi bir tarayıcı tarafından doğru bir şekilde görüntüleneceğinden, kullanımı bugüne kadar olan ilgisini kaybetmedi. Tablo içeren bir görüntü kullanmak. Tablo herhangi bir metin editörü ile oluşturulabilir veya hatta bir Web tarayıcısı tarafından görüntülenebilir ve ardından grafik formatlarından birinde resim olarak kaydedilebilir. Tabloların görünümünü dinamik olarak özelleştirme esnekliğini kaybettiği için bu en iyi seçenek değildir. Ek olarak, boyutu aynı zamanda bir kural olarak HTML tablosunu açıklayan metnin boyutundan çok daha büyük olacak bir resim içeren ek bir dosya saklamak gerekli hale gelir. Olası bir uygulama alanı, ekranının herhangi bir dış faktöre (yazı tipleri, tarayıcı modları, vb.) Bağımlılığının kabul edilemez olduğu, kesin olarak tanımlanmış boyutlara sahip tablolardır. Tablolar yerine listeler kullanmak. En basit durumlar için, tabloları düzenlemek yerine, HTML'de bulunan liste türlerinden biriyle idare etmek oldukça mümkündür. Tablolar hazırlamak HTML tabloları hazırlamak için herhangi bir düzenleyici kullanılabilir, bunların çoğu görsel olarak tablo oluşturmak için araçlar içerir. HotDog Professional düzenleyicide bir tablo hazırlamaya bir örnek verelim. Bir tablo oluşturmak için, sadece Ekle menüsünden Tablolar öğesini seçin, ardından Şekil 2'de gösterilen iletişim kutusu. 4.19. Bir tablonun oluşturulması, penceredeki uygun alanların doldurulmasından ibarettir. Tablodaki satır ve sütun sayısını belirledikten sonra, aynı iletişim kutusunda gösterilecek olan tablonun tek tek hücrelerini doğrudan doldurmaya devam edebilirsiniz. Diyalog kutusunda, sonuçta ortaya çıkan tabloyu yerleşik tarayıcıyı kullanarak görüntülemenizi sağlayan bir Önizleme düğmesi vardır (Şekil 4.20). Şekil: 4.19. Tablo oluşturmak için iletişim kutusu Şekil: 4.20. Yerleşik tarayıcı kullanılarak gösterilen tablo Tablo için verilerin hazırlanmasını tamamladıktan sonra Tamam butonuna tıklayın. Daha sonra, oluşturulan tablo açıklama kodu düzenlenmiş HTML belgesine eklenecektir. Şekil 1'de gösterilen örnek için. 4.19, aşağıdaki kod oluşturulacaktır: (kodun bir kısmı atlandı) Masa başı 1. sütun 2. Sütun 3. Sütun 4. sütun 1 2 3 4 Benzer şekilde, bu görev Netscape Communicator programının Netscape Composer bileşeni kullanılarak çözülür. İncirde. 4.21, gerekli alanları doldurmanız gereken bir iletişim kutusunu gösterir. Ek etiket parametreleri girmek için Ekstra HTML düğmesi sağlanır. Diyalog kutusunun alanlarını doldurduktan sonra, Uygula butonuna tıklamalısınız ve ardından tablo hücrelerini doldurma fırsatı verilecektir (Şekil 4.22). Şekil: 4.21. Netscape Composer Tablo Parametreleri İletişim Kutusu Şekil: 4.22. Giriş imlecinin boş bir tablodaki ilk konumu Görev Bir tablo oluşturun ve parametrelerini (kenar boşlukları ve hücreler arasındaki mesafe) stiller aracılığıyla belirtin. Karar Tablo, metin ve resimler içerebilen hücre satırlarından ve sütunlarından oluşur. Bir web sayfasına tablo eklemek için etiketini kullanın ... Bu öğe, tablonun içeriğini tanımlayan öğeler için bir kap görevi görür. Herhangi bir tablo, etiketler kullanılarak uygun şekilde ayarlanan satırlardan ve hücrelerden oluşur. ve ... Tablo en az bir hücre içermelidir (örnek 1). Etiket yerine izin verilir etiket kullan ... Etiketle süslenmiş bir hücredeki metin , tarayıcı tarafından kalın olarak görüntülenir ve hücrenin ortasına hizalanır. Aksi takdirde, etiketler aracılığıyla oluşturulan hücreler arasındaki farklar ve Hayır. Örnek 1. Bir tablo oluşturmak HTML5 IE Cr Op Sa Fx Hücre 1 Hücre 2 Hücre 3 Hücre 4 Hücrelerin sırası ve görünümleri Şekil 2'de gösterilmiştir. 1. Şekil: 1. Dört hücreli bir tablo oluşturmanın sonucu Etiketin border niteliği yalnızca boş bir değerle eklenmesine izin verilir ( ) veya 1'e eşittir. Diğer tüm değerler doğrulanmaz. Dolgu stili özelliği, td seçicisine eklenen hücrelerdeki kenar boşluklarını kontrol etmek için kullanılır. Hücreler arasındaki boşluk, tablo seçiciye eklenen border-spacing özelliği (örnek 2) tarafından değiştirilir, IE tarayıcısı bunu yalnızca 8.0 sürümünden itibaren anlar. Örnek 2. Hücrelerdeki alanlar HTML5 CSS 2.1 IE Cr Op Sa Fx Başlık 1 Başlık 2 Hücre 3 Hücre 4 Alanlar ve hücreler arasındaki boşluklar içeren bir tablo Şekil 2'de gösterilmektedir. 2. Hücrelerin etrafındaki beyaz bordür ile benzer bir sonuç elde edilebilir. Şekil: 2. Tablo hücrelerindeki alanlar Popüler hale gelen web tasarımcıları daha çok tablo düzeni yöntemini kullandılar ve çok iyi sonuçlar aldılar. HTML'de tablo oluşturmak için kullanılan etiketler masa - tablonun açılması ve kapatılması gerekli etiket başlık - tablonun başlığını belirten isteğe bağlı bir etiket inci - sütun adının yazıldığı açılış ve kapanış etiketlerinde isteğe bağlı bir etiket. Tipik olarak kalın vurgulanır tr - satırın açılıp kapandığı gerekli bir etiket td - bir satırdaki bir hücrenin açılıp kapanmasını gösteren gerekli bir etiket Basit bir tablo için örnek kod Tablo ismi 1. sütun 2. Sütun İlk hücredeki metin İkinci hücredeki metin Tarayıcı görüntülenecek HTML'deki tabloların amacı Elektronik tablo dersi çok önemlidir! Tablolar sayesinde yalnızca metni değil, görüntüleri, bağlantıları ve çok daha fazlasını düzenleyebilirsiniz. Tabloda ayarlayabilirsiniz arka fon (veya rengi), girinti, genişlik, sınır ve diğer parametrelerbu ona güzel bir görünüm verecek. Tablo - Anlamak için ilk adımınız web tasarımı! Önceden pek çok site tamamen tablo şeklinde düzenlenmişti, yani kullanıcının gördüğü her şey (yan menü, üst menü, içerik) büyük bir tablodaki hücrelerin içeriğiydi. O notta doğrudan masayı güzel gösteren niteliklere geçelim ... HTML tablolarının özellikleri ve parametreleri: girinti, genişlik, arka plan rengi, kenarlık (çerçeve) Sahip olmak tablo etiketi aşağıdaki özellikler vardır: genişlik - masa genişliği. piksel veya ekran genişliğinin% 'si cinsinden olabilir. bgcolor - tablo hücrelerinin arka plan rengi arka fon - tablonun arka planını bir resimle doldurur sınır - tablodaki çerçeve ve kenarlıklar. Kalınlık piksel cinsinden belirtilir hücre dolgusu - hücre içeriği ile iç kenarlığı arasında piksel cinsinden dolgu Daha önce olduğu gibi, özniteliğin değerini tırnak içinde yazın. Bu özniteliklerin uygulanmasını örneklerle ele alalım. Bunu yapmak için bir tablo oluşturun (ancak zaten çok nadiren kullanılan altyazı ve inci etiketleri olmadan) ve parametreyi özelliğe ayarlayın border (border), genişlik (tablonun, satırın veya hücrenin genişliği) ve bgcolor (hücre rengi) Sonuç olarak, tarayıcı aşağıdaki formun bir tablosunu görüntüleyecektir çerçeve - tablonun etrafındaki bir sınırı belirten özellik. Aşağıdaki değerler vardır: Void - çerçeve yok, yukarıda - sadece üst çerçeve, aşağıda - yalnızca alt çerçeve, gizler - yalnızca üst ve alt çerçeveler, vsides - yalnızca sol ve sağ çerçeveler, lhs - yalnızca sol kenarlık, rhs - yalnızca sağ kenarlık, kutu - kutunun dört parçası. kurallar - Tablo içindeki hücreler arasındaki sınırları belirten bir özellik. Aşağıdaki değerler vardır: Yok - hücreler arasında sınır yoktur, gruplar - yalnızca satır grupları ve sütun grupları arasındaki sınırlar (biraz sonra tartışılacaktır), satırlar - yalnızca satırlar arasındaki sınırlar, cols - yalnızca sütunlar arasındaki sınırlar, tümü - tüm kenarlıkları görüntüleyin. Örnek kodu düşünün 1. sütun 2. Sütun Sonuç Şimdi güzel bir masa oluşturmaya çalışalım. Bunun için kullanmaya başlayalım tablodaki hizalama... Bunun için aşağıdaki tanıdık parametreler vardır: hizalamak - masa hizalaması. Sola (sol), sağa (sağa), merkeze (merkeze) konumlandırılabilir hücre aralığı - tablo hücreleri arasındaki mesafe. Piksel cinsinden belirtilir (varsayılan 0 piksel) hücre dolgusu - hücre içeriği ile iç kenarlığı arasında piksel cinsinden dolgu (varsayılan olarak 0 piksel) Bir örnek düşünün 1. sütun 2. Sütun İlk sütunun ilk hücresindeki metin İkinci sütunun ikinci hücresindeki metin Tarayıcı, şuna benzeyen ortalanmış bir tablo görüntüler HTML tablolarında tr dizeleri ve td hücreleri Tabloların satır satır (tr) oluşturulduğunu bir kez daha hatırlatmama izin verin. Satırlar (tr) zaten hücreler (td) içeriyor. Bir dize (tr) için bir parametre ayarlarsanız, o zaman için geçerli olacaktır. tüm hücreler (td) bu satırda, eğer belirli bir hücre için, o zaman sadece onun için. Yukarıdaki örneklerde çizginin rengini belirledim, bu parametre tüm hücrelere uygun şekilde dağıtıldı. Tr ve td etiketleri için aşağıdakiler vardır hizalamak - hücrenin içindeki metin hizalaması. Sol (sol), sağ (sağ), merkez (merkez) valign - hücrenin içindeki metnin dikey hizalanması. Yukarı (üst), aşağı (alt), merkez (orta) bgcolor - çizgi rengini ayarlar genişlik - sütun genişliği (aşağıdaki tüm hücreler bu parametreyi kabul eder) piksel veya yüzde olarak belirtilir; burada% 100, tüm tablonun genişliğidir yükseklik - hücre yüksekliği (satırdaki tüm hücreler bu parametreyi kabul eder) Hücrelerin (td) içeriklerinin farklı kenarlarda hizalandığı bir kod düşünün: ilkinde sola, ikincide sağa: 1. sütun 2. Sütun İlk sütunun ilk hücresindeki metin İkinci sütunun ikinci hücresindeki metin 1. sütun 2. Sütun Sonuç Tablolar yardımı ile çok güzel bir sayfa yapabilirsiniz. Hücrelere yalnızca metin değil, aynı zamanda resimler, bağlantılar ve daha fazlasını da ekleyebileceğinizi unutmayın!) İlginiz için teşekkür ederim! Umarım materyal yardımcı olmuştur! Kategoriler Windows 10 Tarayıcılar Akıllı telefonlar Antivirüs Yolda Koşullar elma Android Programlar Ios Popüler Fotoğraf kaosunu ortadan kaldırmak Bir bilgisayarda fotoğraflar nasıl organize edilir Disket nedir: tanımı, özellikleri ve incelemeleri Disket kapasitesi 3 Kesintisiz güç kaynağı nedir ve nasıl seçilir? Leica modemler Garmin navigatörlerine ve Enfora modemlere dayalı GPS navigasyon ve araç izleme sistemleri Çinko Hava Pilleri - Enerji Depolamasında Bir Devrim mi? MB şirketi yıl dönümünün eşiğinde Ofiste lazer baskı Ağ bağdaştırıcısının geçerli IP ayarları yok: çözüm Web kamerası nasıl çalışır Dikkat etmeye değer temel özellikler Acer Aspire One incelemesi: ilk Acer netbook Soğutma sistemi, ısı dağılımı MB şirketi yıldönümü mb yazıcılarının eşiğinde © 2020 Mobil ve Bilgisayar Cihazları 1. sütun 2. Sütun İlk sütunun ilk hücresindeki metin İkinci sütunun ikinci hücresindeki metin