Table yaratish

HTML jadvallari(Table) veb-ishlab chiquvchilarga ma'lumotlarni qatorlar va ustunlarga ajratish imkonini beradi.HTML tilidagi jadvalar qatorlar va ustunlar ichidagi jadval kataklaridan iborat.

1. Table yaratish uchun 1-bosqich

<table>

</table>

2. Table ichida qator yaratish

<table>
    <tr>
        
    </tr>
</table>

3. Table ichida katakcha yaratish

<table>
    <tr>
        <td> </td>
    </tr>
</table>

Misol uchun Tabelar korinishi

Har bir jadval katakchasi va teglari bilan belgilanadi.

tr - Qator

td - Qator ichidagi katakcha

<table>
  <tr>
    <td>Ism</td>
    <td>Familya</td>
    <td>Yosh</td>
  </tr>
</table>

Topshiriq

Table Qator va Ustunlarni qo'shamiz

Tablelarda ustun va qator qoshish uchun (colspan va rouspan) buyruqlar bilan foydalanamiz

1-bolib qator qoshib koramiz bunda colspan buyruqlari bilan ishlaymiz

<table width="500px">
    <tr>
        <td colspan="2">1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
    </tr>
    <tr>
        <td>9</td>
        <td>10</td>
        <td>11</td>
        <td>12</td>
    </tr>
</table>

2-bolib ustunlarni qoshamiz bunda rouspan buyruqlaridan foydalanamiz

<table width="500px">
    <tr>
        <td rowspan="2">1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
    </tr>
    <tr>
        <td>9</td>
        <td>10</td>
        <td>11</td>
        <td>12</td>
    </tr>
</table>

3-bolib Ustun va qatorni birgalikda qoshamiz

<table width="500px">
    <tr>
        <td  colspan="2" rowspan="2">1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
    </tr>
    <tr>
        <td>9</td>
        <td>10</td>
        <td>11</td>
        <td>12</td>
    </tr>
</table>