ცხრილები გთავაზობთ HTML-ში ონლაინ კატალოგის შექმნის უმარტივეს მეთოდს. სამსვეტიანი ცხრილი გაძლევთ ადგილს პროდუქტის გამოსახულების, აღწერილობისა და მიწოდების/შეკვეთის შესახებ ინფორმაციისთვის. ცხრილებში ინფორმაციის ჩასმა ამცირებს ტექსტის დასაბუთებისთვის საჭირო დროს. გარდა ამისა, ცხრილები გაძლევთ კონტროლს თქვენს გვერდზე არსებული ინფორმაციის გარშემო არსებულ თეთრ სივრცეზე, რათა გააუმჯობესოთ თქვენი ვებსაიტის გარეგნობა და სიცხადე.
Ნაბიჯი 1
განსაზღვრეთ ცხრილი ერთი პიქსელიანი საზღვრით გახსნის გამოყენებით
tag:დღის ვიდეო
ნაბიჯი 2
ჩადეთ უჯრედების პირველი რიგი და მათი შინაარსი ამ კოდით:
ნაბიჯი 3
ჩადეთ უჯრედების მეორე რიგი და მათი შინაარსი ამ კოდით:
ნაბიჯი 4
დახურეთ ცხრილი დასასრულის ტეგით:
 |
ეს არის პირველი ნივთის აღწერა. | ეს ელემენტი ამჟამად ხელმისაწვდომია. |
 |
ეს არის მეორე პუნქტის აღწერა. | ეს საქონელი არის შეკვეთით. |
რჩევა
ეს მარტივი მაგალითი აწარმოებს ცხრილს ორი მწკრივით და სამი სვეტით. პირველი სვეტი აჩვენებს პროდუქტის 60-ზე 60 პიქსელის სურათს ტეგის გამოყენებით. მეორე და მესამე სვეტები აჩვენებს პროდუქტის აღწერას და მარაგის ინფორმაციას. გაითვალისწინეთ, რომ თითოეული მწკრივი იწყება და მთავრდება ტეგით, ხოლო მწკრივის თითოეული ელემენტი იწყება და მთავრდება ტეგით. ჩადეთ იმდენი სვეტი ან მწკრივი, რამდენიც გჭირდებათ თქვენი პროდუქტის აღსაწერად.
ჩადეთ cellpadding ბრძანება საზღვრის სპეციფიკაციის შემდეგ ცხრილის განსაზღვრაში, რათა გაზარდოთ თეთრი სივრცის რაოდენობა ცხრილის საზღვრებსა და თქვენს შინაარსს შორის. Მაგალითად,
ქმნის 10 პიქსელიან თეთრ სივრცეს ცხრილის თითოეული უჯრედის შიგთავსის გარშემო.ცნობები
- W3Schools.com: HTML ცხრილები
