Konuşmak istediğim bir sonraki unsur HCM l masası.
Dolayısıyla tablo, tablo için Hint sayfasında buna benzer çizelgeleri veya tabloları nasıl oluşturduğumuzdur.
Burada bir grafik görebileceğiniz bir tablo var.
Renkler için başka bir tablo daha var ve burada üzerinde çalışacağımız türde şeylerden birkaç
örnek var.
Yani bunlar doğadaki tablolar.
Oldukça basitler.
değiller, ancak bilgileri tablolaştırılmış bir biçimde görüntülemek çok yararlıdır.
Açıkçası, stil vermeden en güzel şey
Ben devam edip yorum yapacağım.
Bu dosyanın birçoğu yüce komut eğik çizgisinde hatırlanıyor ve yeni bir tablo öğesine ve her tablonun içine koyacağım ve
bunu yapmak için birkaç farklı yol var, çünkü bu
biraz zorlanıyor.
Size göstereceğimiz ilk şey, tablo satırı için bir t r öğesi yazıp, ardından her tablo
satırının içine bir t d öğesi koyduğunuz anlamına gelir.
yüzden sadece önce sana bir resim göstermek için bunu yazacağım, o zaman geri dönüp tartışacağız.
Bu
Bu yüzden basit ve bazı rasgele metinler koyacağız, bu yüzden kırmızı ve
turuncu renge dönelim ve onu bırakalım.
Sayfamı yeniliyorum ve güzel bir masam var.
Ancak bu masada sınırım yok, bu yüzden neler olduğunu görmek zor.
Bunu CSSA kullanarak yapardınız.
Normalde bu, burada sınır özelliğiyle yaptığım şekilde gerçekten harika bir fikir değil.
Bu, yapmanın eski yoluydu.
Esas olarak bunu yapabilmeniz için Cs'lerinizdeki tüm stilleri yapmanın etrafında daha odaklı hale
gelmeden önce bunu temelde yerine getirebilmenizdir.
Ben sadece burada neler olduğunu göstermek için ekleyeceğim.
Yaptığım şey, bir satır olan bir tablo yapılmış ve bir satır yerine TDL için iki öğeye sahip.
Bu yüzden başka bir satır yapabilirim ve ben yeşil ve sarı yapacağım
ve sadece
yenilediğimde bunun nasıl olması gerektiğini düşünmek için biraz zaman ayırın.
Hepimiz şimdi kırmızı ve turuncu, sarı ve yeşil olmak üzere iki sıra var.
Böylece tablonuz her satır için t r ve her hücre için de bir T d var.
Bu harika.
Bir sonraki şey, göstermek istediğim şey masanın üzerinde nasıl başlık oluşturabildiğimizdir, bu yüzden
verilerimizi biraz değiştirelim ve bu tabloyu insanlar hakkında yapalım.
Bu yüzden isim ve yaş gibi bir şey olacak ve daha sonra bunun adını bildireceğiz ya da belki bu
paslı olan köpeğim Köpeğiz onu izlemek zorundadır.
13 yaşındaki diğer köpeğim.
Bunu yapmak için, isim ve yaşın tablonun cesur başlıklarının bir parçası olmasını istiyoruz.
Ve böylece başka bir unsur var.
Başka bir satır yapacağız ve Tweedy'den ziyade Th adlı bir etiket kullanacağız.
Dolayısıyla bir masa başı veya masa başlığı içindi.
Ve bir isim ve yaşa sahip olacağız ve sonra ilk sıra ilerleyip Rusty'yi
dolduracak ve yaşı bizim sonraki sıra Wyatt ve onun yaşında olacak.
Bir köpek için iyidir.
Bu yüzden sayfayı yeniliyorum.
Oh güzel de benim güzel diyagramımdaki bu yorumu görebilirsiniz.
İşte şimdi benim masam.
Dolayısıyla, benim öğelerimi bir sıraya koydum ve sonra iki öğeyle başka bir satıra sahip olduysaydım iki öğeyle
birlikte başka bir sıra olurdu.
Burada konuşabileceğimiz başka bir şey var.
Aynı masayı yapmanın biraz daha karmaşık bir yolu var.
Ve gerçekten daha karmaşıktır, tablonuzu daha fazla anlam ifade eden sadece bir veya iki etiket.
Dolayısıyla şu anda başlık bilgilerimiz iki başlık olarak normal bir TR'nin parçasıdır.
Dolayısıyla bu TR ile bu TR arasında hiçbir ayrım yoktur. Bunların ikisi de sadece sıra sıradır.
Her şeyden önce başta beşinin vurgusu, her bir takımın dışarı çıkması ve biraz anlamlı olan işaretlemeye
sahip olması.
Başka bir kod bu siteye bakıyorsa ve ekran okuyucusu ekran okuyucu kodunu
kullanan birisi, yaşlı HMO'yu görebilir ve okumuş olur ve içindeki başlığın, tablonun
nasıl davranabileceğini bileceğini bilecektir sadece tüm yolları yüksek sesle okur ise biraz farklıdır.
Dolayısıyla orada ne yapabildiğimiz iki unsur var ve bir T başı ve bir gövde var
ve bunlar görünüşte bir fark yaratmıyor.
Ama yapabileceğim, başlığı buraya getiren şeylerin hepsini bir T kafasına taşımak.
Ve sonra yapacağım, tablonun gerçek gövdesini tüm içeriği vücuda
götürmek. Böylece hiçbir şey değişmeyecek gibi görünüyor.
Ve şimdi sadece burada başka bir sütun ekleyelim, böylece adın yaşı
ve ırkı değişecek.
Yani resti bir mutt ve neden altın var.
Oraya gidiyoruz.
Tabloların temeli budur.
Yine genellikle çirkin değiller.
Genellikle C S S kullanırız ve bu sadece herhangi bir stil vermeden normal bir tablodur.
Ve sonra gidip yazı tiplerini değerlendirecek ve değiştireceğiz ve bir kenarlık ve arka plan renkleri ve
hepsini ekleyeceğiz.
Tamam harika.