Tegs TD
| Pārlūks |  Internet Explorer |
 Netscape |
 Opera |
 Safari |
 Firefox |
|||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Versija | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
| Atbalsts | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā |
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Tegs <TD> paredzēts tabulas katras atsevišķas šūnas izveidošanai. Tegam <TD>jāatrodas konteinerī <TR>, kurš savukārt atrodas konteinerī <TABLE>.
Sintakse
<table> <tr> <td>...</td> </tr> </table>
Parametri
- align
- Nosaka šūnas satura izlīdzināšanu pa horizontāli.
- background
- Uzstāda šūnas fona attēlu.
- bgcolor
- Uzstāda šūnas fona krāsu.
- bordercolor
- Rāmja krāsa.
- colspan
- Apvieno vairākas šūnas pa horizontāli.
- height
- Šūnas augstums.
- nowrap
- Aizliedz rindas pārnešanu jaunā rindā.
- rowspan
- Apvieno vairākas šūnas pa vertikāli.
- valign
- Nosaka šūnas satura izlīdzināšanu pa vertikāli.
- width
- Šūnas platums.
Aizverošais tegs
Nav nepieciešams.
Piemērs 1. Tega <TD> izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs TD</title>
</head>
<body>
<table border="1" cellpadding="7" cellspacing="0">
<tr>
<td colspan="2" bgcolor="#D3EDF6" align="center">Ячейка 1</td>
</tr>
<tr>
<td valign="top" align="center">Ячейка 2</td>
<td width="98%" valign="top">Ячейка 3</td>
</tr>
</table>
</body>
</html>Tega <TD> parametru apraksts
Parametrs ALIGN
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka šūnas satura izlīdzinājumu pa horizontāli.
Sintakse
<td align="left | center | right | justify">...</td>
Argumenti
- left
- Šūnas satura izlīdzināšana pēc kreisās malas.
- center
- Šūnas satura izlīdzināšana pēc centra.
- right
- Šūnas satura izlīdzināšana pēc labās malas.
- justify
- Šūnas satura izlīdzināšana pēc platuma (vienlaikus pēc abām malām).
Noklusētā vērtība
left
CSS analogs
text-align
Piemērs 2. Šūnas satura izlīdzināšana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs TD, parametrs align</title>
</head>
<body>
<table width="600" border="1">
<tr>
<td align="center">Ячейка 1</td>
<td align="center">Ячейка 2</td>
</tr>
</table>
</body>
</html>Parametrs BACKGROUND
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka attēlu, kurš tiks izmantots kā tabulas fona zīmējums. Atšķirībā no parastas attēlu izvadīšanas, fonam netiek uzstādīti attēla platums un augstums, un tas vienmēr tiek attēlots pilnā izmērā. Ja attēls pēc izmēra ir mazāks par šūnas platumu vai augstumu, tad tas atkārtojas pa horizontāli uz labo pusi un leju, izkārtojoties kā mozaīka. Kā fonu var izmantot arī animētus attēlus GIF formātā, tomēr tie novērš apmeklētāju uzmanību.
Sintakse
<td background="URL">...</td>
Argumenti
Jebkura pieļaujama attēla adrese — var izmantot absolūto vai relatīvo ceļu uz failu.
Noklusētā vērtība
NavCSS analogs
background-image
Piemērs 3. Šūnas fona attēls
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs TD, parametrs background</title>
</head>
<body>
<table width="600">
<tr>
<td background="/images/snow.gif">Ячейка с фоновым рисунком</td>
</tr>
</table>
</body>
</html>Parametrs BGCOLOR
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda šūnas fona krāsu.
Sintakse
<td bgcolor="krāsa">...</td>
Argumenti
Krāsas vērtību var noteikt divos veidos.
1. Pēc tās nosaukuma
Pārlūki atbalsta vairākas krāsas pēc to nosaukumiem.
2. Pēc
heksadecimālās skaitļa metodes
Krāsu noteikšanai izmanto heksadecimālos skaitļus. Heksadecimālā sistēma, atšķirībā no decimālās sistēmas, bāzējas uz skaitļa 16. Cipari būs sekojoši: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Cipari no 10 līdz 15 aizvietoti ar latīņu burtiem. Skaitļus virs 15 šajā sistēmā veido apvienojot vairākus ciparus vienā skaitlī. Par piemēru, skaitlim 255 decimālajā sistēmā atbilst skaitlis FF heksadecimālajā sistēmā. Lai nerastos sajukums skaitīšanas sistēmas noteikšanā, pirms heksadecimālā skaitļa liek restītes simbolu #, piemēram #666999. Katra no trīs krāsām — sarkanā, zaļā un zilā — var pieņemt vērtību no 00 līdz FF. Tādējādi, krāsas apzīmējums sastāv no 3 blokiem #rrggbb, kur pirmie 2 cipari atbild par krāsas sarkano komponenti, divi vidējie — par zaļo, bet 2 pēdējie par zilo .
Noklusētā vērtība
Krāsa, kuru uzstāda pārlūks pēc noklusējuma. Parasti tā ir balta.
CSS analogs
background-color
Piemērs 4. Šūnas fona krāsa
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs TD, parametrs bgcolor</title>
</head>
<body text="white">
<table bgcolor="black" width="600">
<tr>
<td bgcolor="#ffcc00">Ячейка 1</td>
</tr>
<tr>
<td>Ячейка 2</td>
</tr>
</table>
</body>
</html>Parametrs BORDERCOLOR
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda rāmja krāsu. Rāmis būs redzams, ja uzstādīts parametrs border ar vērtību atšķirīgu no nulles tegam <TABLE>.
Sintakse
<td bordercolor="krāsa">...</td>
Argumenti
Skatīt. bgcolor.
Noklusētā vērtība
Atkarīga no pārlūka un operacionālās sistēmas.
Piemērs 5. Rāmja krāsa
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs TD, parametrs bordercolor</title>
</head>
<body>
<table border="1" width="100%">
<tr>
<td bordercolor="red">Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
</table>
</body>
</html>Parametrs COLSPAN
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda šūnu skaitu pa horizontāli, kuras tiks apvienotas. Šim parametram ir jēga tabulās, kuras sastāv no vairākām rindām. Kā piemērā, kas redzams zemāk.
| ячейка 1 | |
| ячейка 2 | ячейка 3 |
Piemērā redzamā tabula satur 2 rindas un 2 slejas, pie kam augšējās rindas šūnas apvienotas ar parametru colspan.
Sintakse
<td colspan="skaitlis">...</td>
Argumenti
Jebkurš vesels pozitīvs skaitlis, lielāks par 1.
Noklusētā vērtība
1
Piemērs 6. Šūnu apvienošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs TD, parametrs colspan</title>
</head>
<body>
<table width="200" border="1" cellpadding="4" cellspacing="0">
<tr>
<td colspan="2">Ячейка 1</td>
</tr>
<tr>
<td>Ячейка 2</td>
<td>Ячейка 3</td>
</tr>
</table>
</body>
</html>Parametrs HEIGHT
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Pārlūks pats uzstāda tabulas un tās šūnu augstumu, vadoties no to satura. Tomēr izmantojot parametru height, šūnu augstumu iespējams mainīt. Šeit iespējami 2 varianti. Ja height vērtība mazāka, nekā šūnas satura augstums, tad šis parametrs tiks ignorēts. Gadījumā, ja uzstādīts šūnas augstums, kas pārsniedz šūnas satura augstumu, tiek pievienota tukša platība pa vertikāli.
Sintakse
<td height="vērtība">...</td>
Argumenti
Jebkurš vesels skaitlis pikseļos vai procentos no pieejamās platības.
Noklusētā vērtība
Augstums tiek izskaitļots pēc šūnas satura.
CSS analogs
height
Piemērs 7. Šūnas augstums
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs TD, parametrs height</title>
</head>
<body>
<table cellpadding="10" bgcolor="#ffcc00" align="center" width="100%">
<tr>
<td height="50">Ячейка 1</td>
</tr>
</table>
</body>
</html>Parametrs NOWRAP
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Pievienojot parametru nowrap tegam <TD>, liek tekstam šūnā attēloties bez pārnesumiem jaunā rindā, kā nepārtraukta rinda. Nepareiza šī atribūta izmantošana var novest pie tā, ka tabula kļūs par platu, lai pilnībā iekļautos web-lapā. Tādējādi kļūs redzama horizontālā bīdjosla. Jebkurā gadījumā izmantot šādu tabulu būs neērti, tāpēc parametra nowrap izmantošana tiek nopelta HTML 4 specifikācijā.
Sintakse
<td nowrap>...</td>
Argumenti
Nav.
Noklusētā vērtība
Pēc noklusējuma parametrs nowrap nav uzstādīts.
CSS analogs
white-space
Piemērs 8. Parametra nowrap izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs TD, parametrs nowrap</title>
</head>
<body>
<table width="400">
<tr>
<td nowrap>Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate
velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit
praesent luptatum zzril delenit au gue duis dolore te feugat nulla
facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci taion
ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat.
Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en
commodo consequat.</td>
</tr>
</table>
</body>
</html>Parametrs ROWSPAN
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda šūnu skaitu pa vertikāli, kuras tiks apvienotas. Šim parametram ir jēga tabulās, kuras sastāv no vairākām rindām. Kā piemērā, kas redzams zemāk.
| ячейка 1 | ячейка 2 |
| ячейка 3 |
Piemērā redzamā tabula satur 2 rindas un 2 slejas, pie kam kreisās slejas šūnas apvienotas ar parametru rowspan.
Sintakse
<td rowspan="skaitlis">...</td>
Argumenti
Jebkurš vesels pozitīvs skaitlis, lielāks par 1.
Noklusētā vērtība
1
Piemērs 9. Šūnu apvienošanaHTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs TD, parametrs rowspan</title>
</head>
<body>
<table width="200" border="1" align="center"
cellpadding="4" cellspacing="0">
<tr>
<td rowspan="2" bgcolor="#FBF0DB">Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
<tr>
<td>Ячейка 3</td>
</tr>
</table>
</body>
</html>Parametrs VALIGN
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda šūnas satura izlīdzinājumu pa vertikāli. Pēc noklusējuma šūnas saturs tiek izvietots tās centrā pa vertikāli.
Sintakse
<td valign="top | middle | bottom | baseline">...</td>
Argumenti
- top
- Šūnu satura izlīdzināšana pēc rindas augšas.
- middle
- Izlīdzināšana pēc centra.
- bottom
- Šūnu satura izlīdzināšana pēc rindas apakšas.
- baseline
- Izlīdzināšana pēc bāzes līnijas, kā rezultātā visu tekošās rindas šūnu saturs piesaistīts vienai kopējai līnijai.
Noklusētā vērtība
middle
CSS analogs
vertical-align
Piemērs 10. Izlīdzināšana pa vertikāliHTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs TD, parametrs valign</title>
</head>
<body>
<table width="60%" border="1">
<tr>
<td valign="top" height="200">Выравнивание по верхнему краю</td>
<td valign="bottom">Выравнивание по нижнему краю</td>
</tr>
</table>
</body>
</html>Parametrs WIDTH
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka šūnas platumu. Ja šūnas satura kopējais platums pārsniedz uzstādīto platumu, tad pārlūks cenšas iekļauties uzstādītajā platumā uz teksta formatēšanas rēķina. Gadījumos, kad tas nav iespējams, piemēram, ja šūnā atrodas attēli, parametrs width tiks ignorēts, un šūnas platums tiks izskaitļots vadoties pēc tās satura.
Sintakse
<td width="vērtība">...</td>
Argumenti
Jebkurš vesels skaitlis pikseļos vai procentos no pieejamās platības.
Noklusētā vērtība
Platums tiek izskaitļots vadoties pēc šūnas satura.
CSS analogs
width
Piemērs 11. Šūnas platums
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs TD, parametrs width</title>
</head>
<body>
<table cellpadding="10" border="1">
<tr>
<td width="20%">Ячейка 1</td>
<td width="80%">Ячейка 2</td>
</tr>
</table>
</body>
</html>
