Tegs TR
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 <TR> kalpo par konteineri tabulas katras atsevišķas rindas veidošanai. Katra šūna tādas rindas ietvaros tiek noteikta ar tegiem < TH> vai <TD>.
Sintakse
<table> <tr>...</tr> </table>
Parametri
- align
- Nosaka šūnas satura izlīdzināšanu pa horizontāli.
- bgcolor
- Uzstāda šūnas fona krāsu.
- bordercolor
- Rāmja krāsa.
- valign
- Nosaka šūnas satura izlīdzināšanu pa vertikāli.
Aizverošais tegs
Nav nepieciešams.
Piemērs 1. Tega <TR> 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 TR</title>
</head>
<body>
<table width="100%" border="0" cellpadding="4">
<tr align="right" valign="top">
<td><img src="images/book.png" width="199" height="133" alt="Книга"></td>
<td>Lorem ipsum dolor sit amet...</td>
</tr>
</table>
</body>
</html>
Tega <TR> parametru apraksts
Parametrs ALIGN
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka rindas šūnu satura izlīdzinājumu pa horizontāli. Izlīdzinājums tiek uzstādīts visām šūnām vienas rindas ietvaros. Ja kādai šūnai rindā nepieciešams atšķirīgs izlīdzinājums, izmantojiet stilus vai uzstādiet parametru align tegiem <TD> vai <TH>.
Sintakse
<tr align="left | center | right | justify">...</tr>
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. Izlīdzinājums rindā
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 TR, parametrs align</title>
</head>
<body>
<table width="600" border="1">
<tr align="center">
<td> ... </td>
<td> ... </td>
</tr>
</table>
</body>
</html>
Parametrs BGCOLOR
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda rindas fona krāsu.
Sintakse
<tr bgcolor="krāsa">...</tr>
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 3. 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 TR, parametrs bgcolor</title>
</head>
<body text="white">
<table bgcolor="black" width="100%">
<tr bgcolor="#ffcc00">
<td> ... </td>
</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 ap rindu. Rāmis būs redzams, ja uzstādīts parametrs border ar vērtību atšķirīgu no nulles tegam <TABLE>.
Sintakse
<tr bordercolor="krāsa">...</tr>
Argumenti
Skatīt parametru BGCOLOR.
Noklusētā vērtība
Atkarīga no pārlūka un operacionālās sistēmas.
Piemērs 4. 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 TR, parametrs bordercolor</title>
</head>
<body>
<table bordercolor="black" border="1" width="100%">
<tr bordercolor="red">
<td> ... </td>
</tr>
<tr>
<td> ... </td>
</tr>
</table>
</body>
</html>
Piemēra rezultāts.
Piebilde
- Parametrs bordercolor darbojas tikai pārlūkā Internet Explorer; pārlūki Opera un Firefox šo atribūtu ignorē.
- Izmantojot šo parametru, kods kļūst nevalīds; lai izveidotu valīdu kodu, izmantojiet stilus, konkrēti - stila atribūtu border.
Parametrs VALIGN
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda šūnu satura izlīdzinājumu pa vertikāli vienas rindas ietvaros. Pēc noklusējuma šūnas saturs tiek izvietots tās centrā pa vertikāli.
Sintakse
<tr valign="top | middle | bottom | baseline">...</tr>
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 5. Izlīdzinājums rindā
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 TR, parametrs valign</title>
<style type="text/css">
p {margin-top: 0;}
.pot {
background: #800000;
color: white;
}
.title {
font-size: 200%;
}
</style>
</head>
<body>
<table width="100%" cellpadding="5">
<tr valign="top" class="pot">
<td class="title">Борщ</td>
<td><p>Мясо отварить до готовности. Промыть свеклу, очистить,
нарезать соломкой и тушить с помидорами до полуготовности.</p>
<p>Бульон процедить, мясо нарезать кусочками. В бульон добавить
нарезанный дольками картофель, довести до кипения, опустить нарезанную
соломкой свежую капусту и варить 10-15 минут, добавить пассерованные
овощи, болгарский перец, нашинкованный тонкой соломкой,
специи и довести до готовности.</p>
<p>Готовому борщу дать настояться в течение 20-25 минут.
При подаче к столу добавить сметану, мясо, зелень.</p></td>
</tr>
</table>
</body>
</html>
Piemēra rezultāts.