Tegs COLGROUP
| 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 <COLGROUP> paredzēts tabulas vienas vai vairāku kolonnu platuma un stila uzstādīšanai. Šis tegs ļauj samazināt tabulas kodu uz tā rēķina, ka izmantojot šo tegu samazinās atkārtojošos elementu skaits, kā arī izmantojot šo tegu, pārlūks sāk attēlot tabulu nesagaidot tās pilnu ielādi. Tegu <COLGROUP> var izmantot kombinācijā ar tegu <COL>, kurš nosaka vienas vai vairāku kolonnu īpašības.
Parasti noslēdzošais tegs nav vajadzīgs, bet ja <COLGROUP> tiek izmantots kā konteiners <COL> elementiem, tomēr jāpievieno tegs </COLGROUP> grupas beigās.
Starpība tegu <COLGROUP> un < COL> īpašībās nav īpaši liela un ietver sevī sekojošo. <COLGROUP> ļauj apvienot kolonnas noteiktās grupās, piemēram pievienojot parametru rules="groups" tegam <TABLE> pārlūks zīmēs līniju tikai starp kolonnām, kuras izveidotas ar <COLGROUP> palīdzību. Pārējos gadījumos kolonnas, izveidotas ar <COLGROUP> un <COL> palīdzību, būs līdzīgas.
Sintakse
<table> <colgroup ...> <tr><td>...</td></tr> </table>
Parametri
- align
- Uzstāda kolonnu izlīdzinājumu attiecībā pret malām.
- span
- Kolonnu skaits, kurām tiks piemēroti parametri.
- valign
- Nosaka kolonnu izlīdzinājumu pa vertikāli.
- width
- Kolonnu platums.
Noslēdzošais tegs
Nav obligāts.
Piemērs 1. Tega <COLGROUP> 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 COLGROUP</title>
</head>
<body>
<table width="450" cellpadding="2" cellspacing="0" border="1" rules="groups">
<colgroup width="150">
<colgroup span="9" align="center" width="50">
<col span="5">
<col span="4">
</colgroup>
<tr>
<td> </td><td>1995</td><td>1996</td><td>1997</td>
<td>1998</td><td>1999</td><td>2000</td><td>2001</td>
<td>2002</td><td>2003</td>
</tr>
<tr>
<td>Нефть</td><td>5</td><td>7</td><td>2</td><td>8</td>
<td>3</td><td>34</td><td>62</td><td>74</td><td>57</td>
</tr>
<tr>
<td>Золото</td><td>3</td> <td>6</td><td>4</td><td>6</td>
<td>4</td><td>69</td><td>72</td><td>56</td><td>47</td>
</tr>
<tr>
<td>Дерево</td><td>5</td><td>8</td><td>3</td><td>4</td>
<td>7</td><td>73</td><td>79</td><td>34</td><td>86</td>
</tr>
</table>
</body>
</html>Piemēra rezultāts
Tega COLGROUP parametru apraksts
Parametrs ALIGN
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka kolonnu izlīdzināšanu pa horizontāli. Šis parametrs ietekmē visas šūnas kolonnā, tajā skaitā arī uz tabulas virsraksta šūnām, kuras uzstādītas ar tegu <TH>. Lai uzstādītu atšķirīgu izlīdzinājumu dažādiem elementiem, izmantojiet stilus vai uzstādiet parametru align atsevišķām tabulas šūnām.
Sintakse
<colgroup align="left | center | right">
Argumenti
- left
- Satura izlīdzināšana pēc kreisās malas.
- center
- Satura centrēšana.
- right
- Satura izlīdzināšana pēc labās malas.
Noklusētā vērtība
left
CSS analogs
text-align
Piemērs 2. Izlīdzināšana kolonnās
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 COLGROUP, parametrs align</title>
</head>
<body>
<table border="1">
<colgroup align="left">
<colgroup span="3" width="50" align="center">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>Parametrs SPAN
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka kolonnu skaitu, kurām tiks piemēroti noteiktie parametri. Ja šī atribūta nav, tad tegs <COL> darbojas tikai vienai kolonnai. Pieļaujams izmantot parametru span attiecībā pret vairākām kolonnām, tādējādi formējot kolonnu grupas ar vienādām īpašībām.
Sintakse
<colgroup span="skaitlis">
Argumenti
Vesels pozitīvs skaitlis.
Noklusētā vērtība
1
Piemērs 3. Parametra span 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 COLGROUP, parametrs span</title>
</head>
<body>
<table width="700" cellspacing="0" border="1">
<col width="150">
<col span="5" width="50" align="center">
<col span="4" width="75" align="center">
<tr>
<td> </td><td>1995</td><td>1996</td><td>1997</td>
<td>1998</td><td>1999</td><td>2000</td><td>2001</td>
<td>2002</td><td>2003</td>
</tr>
<tr>
<td>Нефть</td><td>5</td><td>7</td><td>2</td><td>8</td>
<td>3</td><td>34</td><td>62</td><td>74</td><td>57</td>
</tr>
<tr>
<td>Золото</td><td>3</td> <td>6</td><td>4</td><td>6</td>
<td>4</td><td>69</td><td>72</td><td>56</td><td>47</td>
</tr>
<tr>
<td>Дерево</td><td>5</td><td>8</td><td>3</td><td>4</td>
<td>7</td><td>73</td><td>79</td><td>34</td><td>86</td>
</tr>
</table>
</body>
</html>Parametrs VALIGN
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka kolonnas satura izlīdzinājumu pa vertikāli. Pēc noklusējuma kolonnas šūnu saturs tiek izlīdzināts pa vertikāles centru.
Sintakse
<colgroup valign="baseline | bottom | middle | top">
Argumenti
- baseline
- Izlīdzināšana pēc bāzes līnijas. Notiek kolonnas satura piesaiste vienai līnijai. Pārlūki šo parametru neatbalsta.
- bottom
- Izlīdzinājums pēc apakšējās malas.
- middle
- Izlīdzinājums pēc centra.
- top
- Izlīdzinājums pēc augšējās malas.
Noklusētā vērtība
middle
Piemērs 4. Satura izlīdzināšana kolonnāsHTML 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 COLGROUP, parametrs top</title>
</head>
<body>
<table width="450">
<colgroup width="100">
<colgroup valign="top">
<tr>
<td><h3>Смоква</h3></td>
<td>Спелые чистые ягоды клубники укладывают в кастрюлю,
пересыпая их сахаром (пять стаканов ягоды, три стакана сахара),
и оставляют до появления сока, затем ставят на слабый
огонь. Помешивая, доваривают до состояния, когда масса легко
отделяется от дна кастрюли. Ее выкладывают на плоское блюдо,
смоченное холодной водой, разравнивают ножом и подсушивают на воздухе.
</td>
</tr>
</table>
</body>
</html>Piemēra rezultāts
Parametrs WIDTH
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka kolonnas platumu. Ja satura kopējais platums pārsniedz šo noteikto platumu, tad pārlūks centīsies iekļauties uzstādītajos parametros uz teksta formatēšanas rēķina. Gadījumā, kad tas nav iespējams, piemēram, kolonnā atrodas attēls, parametrs width tiks ignorēts, un jaunais kolonnas platums tiks izskaitļots pamatojoties uz tās saturu.
Sintakse
<colgroup width="vērtība">
Argumenti
Parasti tiek lietota jebkura vesela vērtība pikseļos vai procentos no pieejamās platības. Alternatīvs variants balstās uz uz simbola * izmantošanu, kurš apzīmē visu pieejamo platību. Pieļaujams izmantot dalītās vērtības, piemēram 3*. Tādējādi, ja tabulai uzstādīts platums 600 pikseļu, bet kolonnām — 1*, 2*, tad pikseļos tas būs attiecīgi 200 un 400. Pie šādu vērtību izmantošanas pārlūkam jāielādē visa tabula pilnībā, lai izskaitļotu šūnu nepieciešamos platumus, kas noved pie aizkavējumiem pie lielu tabulu izvadīšanas.
Noklusētā vērtība
Platums tiek aprēķināts pamatojoties uz šūnas satura platumu.
CSS analogs
width
Piemērs 5. Tabulas kolonnu platums
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 COLGROUP, parametrs width</title>
</head>
<body>
<table width="600" cellpadding="2" cellspacing="0" border="1" rules="groups">
<colgroup width="2*">
<colgroup span="2" align="center" width="1*">
<tr>
<td> ... </td>
<td> ... </td>
</tr>
</table>
</body>
</html>Dotajā gadījumā pirmās kolonnas platums būs 2 reizes lielāks, nekā pārējām kolonnām.
