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>

Результат: