HTML-ში ცხრილებთან მუშაობა

ახლა ჩვენ ვისწავლით თუ როგორ შევქმნათ ცხრილები HTML-ში. მე ვფიქრობ, თქვენ წარმოგიდგენიათ რა არის ცხრილი ჩვეულებრივ ცხოვრებაში - ეს არის სტრიქონების და სვეტების ერთობლიობა, რომელთა გადაკვეთაზეც მდებარეობენ უჯრედები.

HTML-ში ცხრილები იქმნება მსგავსი პრინციპით. აქაც არის სვეტები და სტრიქონები უჯრედებით, თუმცა ცხრილების HTML კოდი პირველი შეხედვისას შეიძლება უჩვეულო მოგეჩვენოთ: ცხრილები იქმნება რიგების მიხედვით - ჯერ პირველი რიგი, შემდეგ მეორე და ასე შემდეგ.

ცხრილის კოდს აქვს მკაცრი სტრუქტურა: მთავარი არის თეგი table, რომლის შიგნით უნდა იყოს თეგები tr, რომლებიც ქმნიან ცხრილის რიგებს, ხოლო მათ შიგნით - თეგები td, რომლებიც ქმნიან უჯრედებს. თეგს table შეიძლება ჰქონდეს ატრიბუტი border, რომელიც აყენებს საზღვარს ცხრილს და მის უჯრედებს.

მაგალითისთვის შევქმნათ ცხრილი სამი რიგით და სამი უჯრედით თითოეულ რიგში:

html<table border="1">
  <tr>
    <td>უჯრედი 1</td>
    <td>უჯრედი 2</td>
    <td>უჯრედი 3</td>
  </tr>
  <tr>
    <td>უჯრედი 4</td>
    <td>უჯრედი 5</td>
    <td>უჯრედი 6</td>
  </tr>
  <tr>
    <td>უჯრედი 7</td>
    <td>უჯრედი 8</td>
    <td>უჯრედი 9</td>
  </tr>
</table>

Результат:

Задание 1

გაიმეორეთ ქვემოთ მოცემული მაგალითი: