HTML/HTML ცხრილები

ვიკიწიგნებიდან
Jump to navigation Jump to search

ცხრილები[რედაქტირება]

ცხრილები განისაზღვრებიან <table> ტეგით. ცხრილები დაყოფილია სტრიქონებად (<tr> ტეგით) და თითოეული სტრიქონი დაყოფილია სვეტებად (<td> ტეგით). Td ნიშნავს table data(ცხრილის მონაცემები), რომელიც არის ინფორმაცია უჯრედზე. უჯრედის ინფორმაცია შეიძლება შეიცავდეს ტექსტს, ცხრილებს, სურათებს, პარაგრაფებს, ფორმებს, ჰორიზონტალურ ხაზებს, ცხრილებს და ა.შ.

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

ცხრილები და საზღვრის ატრიბუტები[რედაქტირება]

თუ არ განსაზღვრავთ საზღვრის ატრიბუტს, ცხრილი გამოისახება საზღვრების გარეშე. ზოგჯერ ეს გამოყენებადია, მაგრამ უმეტეს შემთხვევაში საჭიროა საზღვრები.
იმისათვის რომ ცხრილი გამოისახოს საზღვრებით, უნდა გამოიყენოთ საზღვრის ატრიბუტები:

<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>

სათაურები ცხრილებში[რედაქტირება]

სათაურები ცხრილებში განსაზღვრულნი არიან <th> ტეგით.

<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

ცარიელი უჯრები ცხრილებში[რედაქტირება]

ცხრილებში არსებული ცარიელი უჯრები ზოგიერთ ბრაუზერში ცუდად გამოისახებიან.

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td></td>
</tr>
</table>

ცხრილის ცარიელი უჯრის საზღვრები გამოისახებიან მხოლოდ Mozilla Firefox-ში.

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td> </td>
</tr>
</table>

ბაზური ჩანაწერები - გამოსადეგარი წვრილმანები[რედაქტირება]

<thead>,<tbody> და <tfoot> ელემენტები იშვიათად გამოიყენებიან, ბრაუზერის ცუდად უზრუნველყოფის გამო. ეს შეიცვალა XHTML-ის ახალ ვერსიაში.

ცხრილის ტეგები[რედაქტირება]

ცხრილის ტეგები
ტეგი აღწერა
<table> განსაზღვრავს ცხრილს
<th> განსაზღვრავს ცხრილის სათაურს
<tr> განსაზღვრავს ცხრილის სტრიქონს
<td> განსაზღვრავს ცხრილის უჯრედს
<caption> განსაზღვრავს ცხრილის ტექსტს
<colgroup> განსაზღვრავს ცხრილის სვეტების ჯგუფს
<col> განსაზღვრავს ატრიბუტების მნიშვნელობებს ცხრილშიერთი, ან მეტი სვეტისათვის
<thead> განსაზღვრავს ცხრილის თავს
<tbody> განსაზღვრავს სხეულს
<tfoot> განსაზღვრავს ბოლოს