Yeni site yöneticileri çok sayıda sorunlarla karşı karşıya bulunmaktadır. Biz kendi web sitesi şablonları oluşturmak için kullanabileceği bugün gözükmektedir ancak sorun, her zaman istenen özelliklere sahip olmayan ve sonra sıfırdan bir web sitesi tasarım oluşturmak, ya da başka varolan yasasında değişiklik yapmak ya sahiptir. Ve sonra HTML kodu ve HTML bir tablo yapmak, bir resim veya video eklemek, arka plan rengini ve sayfayı nasıl ayarlanacağını asgari fikrinin bilgilerine sahip olmalısınız.
masanın üzerindeki çalışmaların başlayın
işaretleme HTML sayfalarında en zor şeylerden biri - tablo. Sorun aslında, çok zor değil hatırlamak, etiket, karmaşıklığı değildir ve kod yazarken, kolayca bir hata yapabilir - burada gerekli gitmez metin girmek, ekstra hattı veya hücreyi kayıt unutmak ve diğer küçük şeyler . Hata yapma şansı daha yüksek, masa ve daha fazlası.
Bu nedenle, HTML bir tablo oluşturmak için başlayan bir maksimum odak tavsiye değil avunmak.
İlk olarak, belirli bir elementin temel parametrelerini hangi hücrede sen olacağına işaret yanı sıra kendileri için dikkat çekerek, bir kağıt parçası üzerinde bir gelecek tablosu çizmek gerekir.
Aşağıdaki tablodaki satır sayısını ve her satırda hücrelerin sayısının hesaplanmasıdır. Ayrıca biz böyle tabloda görüntülerin varlığı gibi öğeler dikkat etmek tavsiye arka plan rengi, kenarlık, metin. Ancak o zaman saklanan bilgileri kullanarak bir HTML tablosu oluşturmak için başlayabilir.
editör
Yani bir düzen tablosu oluşturduk. Şimdi biz bunu oluşturmak için uygun editörü seçmek zorunda. Belirli sitelerde seçebilir ve tasarımcılar kendilerine bir tablo yapmak. Bir tablo oluşturmak, bu yazılımı kullanarak Word belgesinde kadar basittir. Sen FrontPage gibi bir program seçebilir. Program oldukça eski olmasına rağmen, bunun bir öğretici daha bulunabilir üzerine yanında iyi web siteleri oluşturmak için yardımcı olabilir.
Bu amaçla ve normal bir notebook veya düzenli Word belgesi için kullanılabilecek özel bir kodu kullanarak bir HTML tablosu oluşturmak istiyorsanız. Ancak, burada uzun olacaktır kod yazmadan olarak çok çalışmak zorunda.
Sen yazılım motoru kendisi yerleşik düzenleyici kullanabilirsiniz. Birçok motorlarında Kayıt oluştururken Yani, tablolar dahil olmak üzere farklı unsurları, ekleme olanağı sağlar. Eğer memnun değilseniz temel özellikleri editörü yapmak bile kodunda yapılan değişikliklerin sıfırdan yazmak daha kolay olacaktır.
etiketler
Olursa olsun html bir tablo oluşturmak başlamadan önce editör kullanacağınız biçiminden dolayı, temel etiketlerini hatırlamalıyız. Üçü -
,
ve
. tüm etiketler eşleştirilmiş unutmayın. birinci tablo, bir bütün olarak bir etiket temsil eden bir ikinci hat, üçüncü tanımlar - satır içinde hücre.
etiketleri her biri hakkında biraz daha. Tablo her zaman etiketi
ile başlar ve ile biter. Her tarayıcıda önünde bir tablodur ne sembolüdür. Daha sonra,
etiketi açılır ve ile biter hatları reçete. Her satırda, etiketini kullanarak
ve hücrelerin reçete sayısı.
Böylece, 2x2 tablo kodu aşağıdaki gibi görünecektir:
HTML kod sayfalarında tablo ekle seçilen editör kopyalanabilir.
parametreleri, satır ve hücre tabloları
Demek ki temel kod tartışıldı. Şimdi daha parlak ve daha cazip hale, tabloyu nasıl geliştirileceğine bahsedelim. Bunu yapmak için, etiketin temel parametrelerini bilmemiz gerekir. Her parametre, eşit olup, burada daha sonra, bir başlangıç etiketinde yazılı ve tırnak alınan değeri kayıt edilir. <= «#FFFFFF» masa bgcolor>: Örneğin, bir HTML tablosunda bir arka plan olarak tanımlanmaktadır.
Biz sizin için en yararlı olacak bir kaç temel parametreleri listeler. masasına kendisi ile başlayalım.
Yani, herhangi bir sayısal değeri alabilir sınır genişliği parametre sınır yardımı, ayarlayın. Sınır Rengi borderColor ayarlar. genel arka plan bgcolor ayarlar.
Eğer tablo arka plan resmi yapmak istiyorsanız, URL kalıbını belirlesin bu durumda Kullanılan arka plan kullanın.
, Merkezi ve sağdan sola ayarlanabilir hale getirecektir tablo parametresi etrafında sayfanın içeriğini hizalayın.
Başlık etiketi açılış etiketi
hemen sonra kaydeder çifti , yardımcı olacaktır ayarlayın.
Parametrelerin Biraz dizesi. Arka arkaya hücrelerin renk bgcolor kullanılarak ayarlanabilir. Metin hizalama yatay parametre hizalama (sol, orta veya sağ) kullanılarak yapılabilir, dikey - valign (orta veya alt, üst değerler varsayar).
arka plan rengi ve arka plan deseni tüm tablo için aynı parametreler ile bunun için verilmiş olduğu hücre ile ilgili olarak tesbit edilebilir. Align ve valign parametreleri kullanabilirsiniz metni hizalayın.
colspan ve rowspan - özel ayarlar da vardır. İlk sayesinde hücreyi uzatacak olan sütun sayısını ayarlayabilirsiniz. İkinci belirli bir hücre uzanabildiği için satır sayısını belirtir.
Hepsi daha kullanışlı seçenekler var.
renk Tablosu
renk tablosundan gibi yararlı şeyler hakkında birkaç söz söyleyelim. sayfa arka yardımıyla, metin, bağlantıları ve diğer elementlerin rengini ayarlanır. Renk tablosu yaklaşık 216 renk içerir. Her biri kendine ait altıgen kodu vardır.
Kod kendisi kare işareti ile başlar ve basamak veya harf üç çift içerir. Örneğin, tabloda yeşil renk kodu # 007F0 sahiptir. Kırmızı, yeşil ve mavi - Her çift üç ana renkten birinin yoğunluğunu temsil eder. tabloyu kullanarak, istediğiniz rengi seçin ve kodu kullanarak ayarlayabilirsiniz.
Tabloyu kullanamıyorsanız, İngilizce olarak onun adını kullanarak rengini ayarlayabilirsiniz.
içindekiler
içeriği hakkında birkaç kelime. Tabii ki, en sık biz bir HTML tablosunda metni görmek, ancak bu sadece orada koyabilirsiniz anlamına gelmez. Ve hücre hatları da resim, ses ve video dosyalarını, bağlantılar içerebilir.
metin veya hücre (satır) herhangi diğer bilgileri yerleştirmek için, iki etiketin arasına koymalıdır. Örneğin:
adı . Bu hücrede "Ad" gösterecektir.
,
İpuçları
Sonunda hızlı herhangi bir karmaşıklık bir HTML tablosu oluşturmak yardımcı olacak bazı yararlı ipuçları verir.
tablo öncelikle kendilerini kayıt öneririz yazarken tablo ve ana parametrelerini etiketler. Sonra satırlar etiketlerini listeler. Her çift, yeni bir satır başlatır. Dolayısıyla bunu tabloda kaç satır göreceksiniz. onlar temel farklılık Ayrıca, satır veya satırları parametreleri listeler. Sonra yeni bir satır olarak her bir hücreyi kayıt başlatmak için önerilir. Kenarından bir ya da iki girinti Tab yapılması arzu edilir. Böylece, oldukça net kod yapısının göreceksiniz.
hücre ve satır içeriği tablonun çerçevesi hazır olduğunda, erken sonuna kadar kayıt tavsiye.