Tegs TH
| 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 <TH> paredzēts, lai izveidotu speciālu šūnu tabulā, kura tiktu noteikta kā "virsraksta" jeb "galvgaļa" šūna. Tekstu tādā šūnā pārlūks parasti attēlo treknrakstā un izlīdzina pēc centra. Tegam<TH> jāatrodas konteinerī <TR>, kuram savukārt jāatrodas tega <TABLE> iekšienē.
Sintakse
<table> <tr> <th>...</th> </tr> </table>
Parametri
- align
- Nosaka šūnas satura izlīdzinājumu pa horizontāli.
- background
- Uzstāda šūnas fona attēlu.
- bgcolor
- Uzstāda šūnas fona krāsu.
- bordercolor
- Uzstāda šūnas rāmja krāsu.
- colspan
- Apvieno horizontālās šūnas.
- height
- Uzstāda šūnas augstumu.
- nowrap
- Aizliedz pārnešanu jaunā rindā.
- rowspan
- Apvieno vertikālās šūnas.
- valign
- Nosaka šūnas satura izlīdzinājumu pa vertikāli.
- width
- Uzstāda šūnas platumu.
Aizverošais tegs
Nav nepieciešams.
Piemērs 1. Tega <TH> 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//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs TH</title>
<style type="text/css">
table {
border-collapse: collapse; /* Отображать двойные линии как одинарные */
}
th {
background: #ccc; /* Цвет фона */
text-align: left; /* Выравнивание по левому краю */
}
td, th {
border: 1px solid #800; /* Параметры границы */
padding: 4px; /* Поля в ячейках */
}
</style>
</head>
<body>
<table width="100%" cellspacing="0" border="1">
<tr>
<th>Браузер</th>
<th colspan="3">Internet Explorer</th>
<th colspan="3">Opera</th>
<th colspan="2">Firefox</th>
</tr>
<tr>
<th>Версия</th>
<td>5.5</td>
<td>6.0</td>
<td>7.0</td>
<td>7.0</td>
<td>8.0</td>
<td>9.0</td>
<td>1.0</td>
<td>2.0</td>
</tr>
<tr>
<th>Поддерживается</th>
<td>Да</td>
<td>Да</td>
<td>Да</td>
<td>Да</td>
<td>Да</td>
<td>Да</td>
<td>Да</td>
<td>Да</td>
</tr>
</table>
</body>
</html>Piemēra rezultāts.
Tega <TH> parametru apraksts
Parametrs ALIGN
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka šūnas satura izlīdzinājumu pa horizontāli.
Sintakse
<th align="left | center | right | justify">...</th>
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
center
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 TH, parametrs align</title>
</head>
<body>
<table width="600" border="1">
<tr>
<th align="right"> ... </th>
<td align="center"> ... </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
<th background="URL">...</th>
Argumenti
Jebkura pieļaujama attēla adrese — var izmantot absolūto vai relatīvo ceļu uz failu.
Noklusētā vērtība
Nav.CSS 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 TH, parametrs background</title>
</head>
<body>
<table width="600">
<tr>
<th background="/images/snow.gif"> ... </th>
<td> ... </td>
</tr>
</table>
</body>
</html>Parametrs BGCOLOR
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda šūnas fona krāsu.
Sintakse
<th bgcolor="krāsa">...</th>
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 TH, parametrs bgcolor</title>
</head>
<body text="white">
<table bgcolor="black" width="600">
<tr>
<th bgcolor="#ffcc00">Заголовок таблицы</th>
</tr>
<tr>
<td>Ячейка</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
<th bordercolor="krāsa">...</th>
Argumenti
Skatīt parametru BGCOLOR.
Noklusētā vērtība
Atkarīga no pārlūka un operacionālās sistēmas.
Piemērs 5. Šūnas 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 TH, parametrs bordercolor</title>
</head>
<body>
<table bordercolor="red" border="1" width="100%">
<tr>
<th bordercolor="red"> ... </th>
<td> ... </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 |
Sintakse
<th colspan="skaitlis">...</th>
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 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 TH, parametrs colspan</title>
</head>
<body>
<table width="200" border="1" align="center"
cellpadding="4" cellspacing="0">
<tr bgcolor="#FBF0DB">
<th colspan="2">ячейка 1</th>
</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
<th height="vērtība">...</th>
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 TH, parametrs height</title>
</head>
<body>
<table cellpadding="10" border="1" bgcolor="#ffcc00" align="center"
width="100%">
<tr>
<th height="50">Заголовок</th>
</tr>
<tr>
<td>Ячейка</td>
</tr>
</table>
</body>
</html>Parametrs NOWRAP
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Pievienojot parametru nowrap tegam <TH>, 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
<th nowrap>...</th>
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 TH, parametrs nowrap</title>
</head>
<body>
<table width="400">
<tr>
<th nowrap>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat
volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis te feugifacilisi.</th>
</tr>
<tr>
<td>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 |
Sintakse
<th rowspan="skaitlis">...</th>
Argumenti
Jebkurš vesels pozitīvs skaitlis, lielāks par 1.
Noklusētā vērtība
1
Piemērs 9. Šū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 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 TH, parametrs rowspan</title>
</head>
<body>
<table width="200" border="1" align="center"
cellpadding="4" cellspacing="0">
<tr>
<th rowspan="2" bgcolor="#FBF0DB">ячейка 1</th>
<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
<th valign="top | middle | bottom | baseline">...</th>
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ājums šūnā
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 TH, parametrs valign</title>
</head>
<body>
<table width="60%" border="1">
<tr bgcolor="#ffcc00">
<th valign="top" height="100">Выравнивание по верхнему краю</th>
</tr>
<tr>
<td>Выравнивание по середине</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
<th width="vērtība">...</th>
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 TH, parametrs width</title>
</head>
<body>
<table cellpadding="10" border="1">
<tr>
<th width="20%">Колонка 1</th>
<th width="80%">Колонка 2</th>
</tr>
<tr>
<td colspan="2">Объединенная ячейка</td>
</tr>
</table>
</body>
</html>
