Table թեգ

table թեգը ստեղծում է աղյուսակ: Օգտագործվում է tr, td, th թեգերի հետ միասին:

tr թեգը ստեղծում է աղյուսակի տող, իսկ td և th թեգերը ստեղծում են այդ աղյուսակի բջիջներ: Տարբերությունը td և th միջև. առաջինը սովորական բջիջ է, իսկ երկրորդը՝ վերնագրային բջիջ:

Ատրիբուտներ

Ատրիբուտ Նկարագրություն
cellspacing Սահմանում է բջիջների միջև եղած հեռավորությունը:
Հնացել է, դրա փոխարեն պետք է օգտագործել CSS-ի border-spacing հատկությունը:
cellpadding Սահմանում է տեքստի և բջիջի սահմանի միջև եղած հեռավորությունը:
Հնացել է, դրա փոխարեն պետք է օգտագործել CSS-ի padding հատկությունը:
border Սահմանում է բջիջների և աղյուսակի սահմանը:
Հնացել է, դրա փոխարեն պետք է օգտագործել CSS-ի border հատկությունը:

Օրինակ

Եկեք ստեղծենք th և td բջիջներով աղյուսակ.

html<table>
  <tr>
    <th>Name</th>
    <th>Surn</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>name1</td>
    <td>surn1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>name2</td>
    <td>surn2</td>
    <td>1000$</td>
  </tr>
</table>
csstable, td, th {
  border: 1px solid black;
}

Результат:

Տես նաև

  • thead, tbody և tfoot թեգերը,
    որոնք խմբավորում են աղյուսակի տողերը
  • caption թեգը,
    որը սահմանում է ամբողջ աղյուսակի վերնագիրը
  • vertical-align հատկությունը,
    որը սահմանում է տեքստի ուղղահայաց դասավորությունը
  • rowspan և colspan ատրիբուտները,
    որոնք միացնում են աղյուսակի տողերն ու սյուները