Satır və sütunların əsaslarını başa düşdükdən sonra HTML masalar yaratmaq asandır - və bir dəfə masanın istifadəsi zamanı anladınız və onlardan qaçındığınız zaman başa düşəcəksiniz.
Masaların qısa tarixi və veb dizaynı
Bir çox il əvvəl, CSS və veb standartlarının məqbul sayılmasından əvvəl veb-dizaynerlər siteler üçün səhifə düzeni yaratmaq üçün HTML
elementindən istifadə edirdilər. Veb səhifə dizaynları bir puzzle kimi kiçik parçalara "dilimlənəcək" və sonra nəzərdə tutulduğu kimi brauzerdə göstərmək üçün bir HTML masası ilə birləşdirilirdi. Bu, çoxlu əlavə HTML formatı yaratmış və bu gün bizim veb saytlarda çox ekranlı dünyanın heç vaxt istifadə edilə bilməyəcəyi çox mürəkkəb bir proses idi. CSS CSS-nin görselləri və düzeni üçün qəbul edilmiş bir metod halına gəldikdə, bunun üçün masaların istifadəsi çoxalıb və bir çox veb-dizaynerlər səhvən "masalar pis" olduğuna inanırdılar. Bu idi və doğru deyil. Layout üçün masalar pisdir, lakin hələ də veb-dizayn və HTML-də, məsələn, qatar cədvəli təqvimi kimi cədvəl məlumatları göstərmək üçün yerlər var. Bu məzmun üçün bir masa istifadə etmək hələ də məqbul və yaxşı bir yanaşma.
Yəni bir masanın necə yerləşdirilməsi lazımdır? Sadəcə 2x2 masa yaratmaqla başlayaq. Bu, 2 sütun (bu şaquli bloklar) və 2 satır (üfüqi bloklar) olacaq. 2x2 masa qurduqdan sonra əlavə satır və ya sütunlar əlavə etməklə istədiyiniz hər hansı bir ölçülü masa qura bilərsiniz.
Çətinlik: Orta
Tələb olunan vaxt: 10 dəqiqə
İşdə necə:
- İlk olaraq
masasını açın - Tr tag
ilə ilk sırada açın - İlk sütunu td tag
ilə açın - Hüceyrənin məzmununu yazın
- İlk hüceyrəni bağlayın və ikinci açın
- İkinci hüceyrənin məzmununu yazın
- İkinci hüceyrəni bağlayın və satıyı bağlayın
- İkinci sətirdə ilk
| | - Sonra masanı bağlayın
Ayrıca | elementini istifadə edərək, masanıza masa başlığı əlavə edə bilərsiniz. Bu cədvəl başlıqları bu kimi ilk masa satırında və ya "masa data" ədədlərini əvəz edərdi:
| td> Jennifer | Geliştirici | Bu səhifə brauzerdə göstərildikdə, masa üstü başlıqları ilə bu ilk satır, əvəzinə, qalın mətndə göstərilir və onlar göründüyü masa hüceyrəsində mərkəzləşdirilmiş olardı.
Belə ki, HTML-də cədvəllərdən istifadə etmək düzgündürmü? Bəli - layout məqsədləri üçün istifadə etmədiyiniz müddətcə. Sekmual məlumatı göstərməlisinizsə, bir masa bunu etmək üçün bir yoludur. Əslində, bu qanuni HTML elementdən çəkinmək üçün bəzi səhv təmizliyi səbəbindən bir masanın qarşısını almaq, bu gün və yaşda layout səbəbləri üçün istifadə etdikləri kimi geriyə aiddir.
Jennifer Kyrin tərəfindən yazılmışdır. 8/11/16 tarixində Jeremy Girard tərəfindən tərtib edildi
| |