HTML <tr> yaani

Kuhakikisha na kutumia

<tr> Kitu kina vitabu kina tablica ya HTML:

<tr> Kitu inayohusiana na kifungu kina kichwa kina vitabu vingi <th> au <td> Kitu.

Tazama pia:

Mafunzo ya HTML:HTML Tafuta

Mafunzo ya HTML DOM:Kifungu cha TableRow

Mafunzo ya CSS:Kuzingatia tablica

Mifano

Mifano 1

Tablica ya HTML ya matukio miaka tatu: kichwa cha tablica na matukio ya data miaka mbili:

<table>
  <tr>
    <th>maheu</th>
    <th>buniaji</th>
  </tr>
  <tr>
    <td>Januari</td>
    <td>￥3400</td>
  </tr>
  <tr>
    <td>Februari</td>
    <td>￥4500</td>
  </tr>
</table>

Tafuta kwa mafanikio

Mifano 2

Kutoka juzi kuwa na kumekuja: <tr> inayojulikana (kutumia CSS):

<table style="width:100%">
  <tr>
    <th>maheu</th>
    <th>buniaji</th>
  </tr>
  <tr style="text-align:right">
    <td>Januari</td>
    <td>￥3400</td>
  </tr>
</table>

Tafuta kwa mafanikio

Mifano 3

Kutoka juzi kuwa na kumekuja rangi ya mbali ya mabara (kutumia CSS):

<table>
  <tr style="background-color:#FF0000">
    <th>maheu</th>
    <th>buniaji</th>
  </tr>
  <tr>
    <td>Januari</td>
    <td>￥3400</td>
  </tr>
 </table>

Tafuta kwa mafanikio

Mifano 4

Kutoka juzi kuwa na kumekuja kikwama: <tr> inayojulikana (kutumia CSS):

<table style="height:200px">
  <tr  style="vertical-align:top">
    <th>maheu</th>
    <th>buniaji</th>
  </tr>
  <tr style="vertical-align:bottom">
    <td>Januari</td>
    <td>￥3400</td>
  </tr>
</table>

Tafuta kwa mafanikio

Mifano 5

Kutoka juzi kuwa na kumekuja na kichwa cha tablica:

<table>
  <tr>
    <th>jina</th>
    <th>imaịli</th>
    <th>simu</th>
  </tr>
  <tr>
    <td>Bill Gates</td>
    <td>bill.gates@example.com</td>
    <td>138-1234-5678</td>
  </tr>
</table>

Tafuta kwa mafanikio

Mifano 6

Kutoka juzi kuwa na kumekuja na kifungu na kichwa:

<table>
  <caption>buniaji ya maheu</caption>
  <tr>
    <th>maheu</th>
    <th>buniaji</th>
  </tr>
  <tr>
    <td>Januari</td>
    <td>￥3400</td>
  </tr>
  <tr>
    <td>Februari</td>
    <td>￥4500</td>
  </tr>
</table>

Tafuta kwa mafanikio

Mifano 7

Kutoka juzi kuwa na kumekuja na kiwango kikubwa kina tablica ya kifungu:

<table>
  <tr>
    <th>jina</th>
    <th>imaịli</th>
    <th colspan="2">Telefoni</th>
  </tr>
  <tr>
    <td>Bill Gates</td>
    <td>bill.gates@example.com</td>
    <td>138-1234-5678</td>
    <td>186-2345-6789</td>
  </tr>
</table>

Tafuta kwa mafanikio

Matumizi ya kifungu cha kigenwa

<tr> Tovuti inasimamia Matumizi ya kifungu cha kigenwa ya HTML.

Matumizi ya matukio ya kifungu

<tr> Tovuti inasimamia Matumizi ya matukio ya kifungu ya HTML.

Makabila ya CSS ya kawaida

Makabila ya msingi ya kufichwa kwa kawaida kwa kila kifungu <tr> Jicho:

tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

Mwongozo wa Kifungu cha Kifungu

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Msaada Msaada Msaada Msaada Msaada