Tablo - en önemlilerinden biri, ancak web sayfalarında bulunması gereken aynı zamanda karmaşık unsurlar. Onların yardımı sayesinde oldukça özlü biçimde önemli ve yararlı bilgiler uygulamak uygundur. Tabii ki, en editörler şablonları, farklı motorlarda üzerinde çalışan otomatik olarak bir web sitesinde veya ayrı yayında, ama ne web tasarım kaynak ise, onun sayfalar sıfırdan oluşturulan tablo eklemek? nasıl bir hale getirmek için: Sonra acemi usta bir sorun alabilirsiniz HTML tablo. en gerçekleştirdiklerini görmek ve doğru öğeyi yaratalım.
editör seçmek
Her şeyden önce, bir tablo oluşturmak için başlayan, çalışırken hangi editörü tanımlamak gerekir. Tabii ki, en kolay yolu bir temel site kodu oluşturmak hangi programı seçin. Ama bu amaç iyi eski not defteri için kullanmak en iyisidir.
Hayatını zorlaştırmak neden sağ editörü her şeyi yaparsanız, sonuç hemen görülebilir, çünkü Sen de, isteyebilir ve hatta kullanmaya programı ister.
Evet, sadece iyice onun yaratılış prensibini incelemek mümkün olmayacaktır, aynı zamanda altta yatan kodu utanç verici yazım hatalarını ve hataları önlemek için, doğru ama sıfırdan bir tablo oluşturmak için. Bazen imleç aşağı hareket ettirilir ve hatalı kod yazma işlemi bulmak bazen zor olan içinde sürünür tesadüfen olmuyor. Bir dizüstü bir tablo oluşturma, kodu kopyalayıp sizin için doğru yerde yapıştırabilirsiniz.
tablosu oluşturmak için algoritma
Başlamak için HTML tablo nasıl, kısa bir algoritma yapmak. Bu, her adımın dizisini anlamalarını sağlamaktır. Sonra öğelerin her birinin nasıl tam olarak analiz edin.
en hazırlık eylemleri ile başlayalım.
1. Kağıt masa görüntü üzerinde şematik çizin.
2. satır ve hücre sayısı. Farklı geçmişin sayısı ise - ayrı ayrı ryadochka düşünüyorum.
3. satır başlık hücrelerinde numarası (örneğin, «№» hücre, "Ad" ve t. D) belirler.
renk, yükseklik ve genişlik, metin hizalama - - Tablonun ana parametreleri not edin 4. kısacası her şey size uygun görünüyor.
Sonra masanın yaratılmasına doğrudan gitmek:
1. etiketleri tablo ekleyin.
2. İhtiyacınız miktarına göre çizgilerin etiketlerini yerleştirin.
3. satır aynı zamanda kağıt üzerine kaydedilmiş olan miktar bazında, (normal ve büyük), hücrelerin etiketler yerleştirin.
4. Bütün tablo için parametreleri ayarlayın.
5. Ayrı ayrı hücreler için parametrelerini ayarlamak gerekiyorsa.
6. Bizim hücre metinde doldurun.
Bir tablo oluşturmak
Yani, şimdi, editör seçmek HTML'sinde bir tablo oluşturmak için nasıl bakalım. tablo verir Etiketi (
) bizim inşaat bu etiketi ile başlar ve ile biter, yani eşleştirildi sayfa kodu içine yerleştirilir.
etiketler tabloya ekleme, satır ve hücreler yaratmak için devam edin.
Şimdi, bu unsurları da eşleştirilmiş unutmayın. Etiket
| bir dize tanımlar ve - hücrelerini.
Üst-hücrelerinin | eşleştirilmiş elemanları kullanılmalıdır için.
Daha önce bahsedildiği gibi, ilk adım sonra hücreyi kayıt var, bir çizgi çizin etmektir. Karışıklığı önlemek için, bir çizgi ya da iki her blokta arasında herhangi dolgu yapmak ya da başka "Sekme" tuşunu kullanarak bir yeni blok elemanları reçete tavsiye edilir.
Nasıl benzeyebilir? Böyle bir şey:
- ;
-
; -
p / p №; -
Ad ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
Gördüğünüz gibi, hiçbir şey bu konuda karmaşık. Önemli olan - satır ve hücre sayısı kaybolmak yok. Aksi takdirde, tablo eğilir.
Biz şimdi Matrix ve satırlar ve hücreler hem parametreleri geçebiliriz, HTML bir tablo oluşturmak için sökülür.
masa Seçenekleri hizalama içinde: Kod yazıldığında, aşağıdaki noktalara dikkat etmek gereklidir tablonun HTML, rengini vb sınırları, arka plan, metin ve.
parametreler tablo etiketi belirtilir. Bunlar arasında:
1. Sınır - Sınır genişliği. bir tamsayı ile tanımlanır. Varsayılan olarak, herhangi bir tablo kenarlıkları kaybolur.
2. borderColor - Sınırın rengi. Bu onaltılık renk (# 00008b) ve angliykom onun adıyla (Lacivert) olarak verilebilir. Varsayılan olarak, her zaman gri.
3. bgcolor kaydırma - arka plan rengi. kodu veya adı ile belirtilen gibi.
4. Hizala - tablo için metni hizalama. Varsayılan - solda. Bu parametre için aşağıdaki seçenekler vardır:
- Sol - sağ wrap;
- sola -obtekanie sağ;
- merkez - hayır akışıyla ortasında çıktı tablosu.
5. Genişlik ve Yükseklik - genişlik ve tablo yüksekliği. Bu piksel ya da bir yüzde (tarayıcı penceresi büyüklüğüne göre) olarak olabilir.
Belirli bir göstergesi Reçete, sen tasarım özellikle dikkat edilmelidir. tırnak içinde önceden belirlenmiş bir değeri gösterir, bundan sonra işaret "eşit", gitmek için parametreyi belirttikten sonra.
Metnin Renk olarak, o zaman HTML biçiminde düz metin olarak aynı şekilde çıkarmak.
Bir tablo örneği:
- ;
-
; -
p / p №; -
Ad ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
parametreler satırlar Bu yüzden zaten HTML bir tablo yapmak ve ana parametrelerini reçete nasıl anladım. Ama biz bir dize tahsis ne gerekirse? Onu değil tablonun ana gövdesi olarak kontrol edin?
satırı parametreleri veri tablosu olarak aynı şekilde etiketi | yazılmıştır. Aşağıdaki değişkenler tanımlanabilir satırındaki:
1. Zaten size sınır, bgcolor ve bordercolor da bilinir.
2. hizalayın - çizgide metni hizalama. Merkezi ve sağdan sola ayarlanabilir.
3. valign - etiket metni dikey hizalar. Aşağıdaki değerleri alır:
- Üst - Metin üst sınıra hizalanmış;
- - orta, orta;
- Alt - alt kenarı.
Örnek hattı açıklığı:
-
; -
p / p №; -
Ad ; - .
parametreler hücreler Bireysel hücrelerin parametreleri, normal ve sermaye hem - Ve son şey HTML'de bir tablo yapmak bilmek isteyenlere dikkat edilmelidir. Aslında, her şeyin bir tablo veya satır için aynı şekilde yapılır. Sadece iki önemli unsurlar ekledi:
1. Colspan - Bu parametre, hücre uzanabildiği için sütun sayısını belirtir.
2. RowSpan - zaten bu hücre tarafından işgal satır sayısını belirtir.
tasarım reçete çizgisinden farklı olduğundan, örnek kod neden olmaz.
bulgular İlk bakışta göründüğü gibi bir tablo olarak zor olmadığından emin olun. Önemli olan onun kod yazma - azim ve dikkat.
HTML bir tablo eklemek için nasıl gelince, daha sonra kod numarası kopyalayıp, sizce, yerleştirilmelidir hangi sayfanızın yerine, yapıştırın için yeterlidir.
deneme korkmayın, ve yakında mükemmel tablolar oluşturma tekniği hakim olan. İyi şanslar!
| |
| | |
| | | |
|