Vadība

Reģistrācija Uzrakstīt Autoram Ielādēt visus ierakstus

Reklāma

Sadaļas

HTML

CSS

JavaScript

jQuery

HTML tegi (tags)

CSS īpašības

Vienā teikumā

Vispārīgas WEB lietas

Peļņa internetā

Meklēšana

Birkas

google (10)

css (9)

javascript (7)

jquery (6)

HTML (5)

izmērs (5)

nopelnīt (5)

optimizācija (5)

peļņa (5)

saites (5)

seo (5)

affiliate (3)

attēls (3)

DIV (3)

izmēri (3)

krāsa (3)

mārketings (3)

meklētāji (3)

Meta (3)

Rangs (3)

Partneri

Aptauja

Sākums Raksti HTML tegi (tags)

HTML tegi (tags)Tegs <COLGROUP>

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

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

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>&nbsp;</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

Рис. 1

Tega COLGROUP parametru apraksts

Parametrs ALIGN

HTML:

3.2

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

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

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

Argumenti

Vesels pozitīvs skaitlis.

Noklusētā vērtība

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>&nbsp;</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

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

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ā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 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

Рис. 1

Parametrs WIDTH

HTML:

3.2

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

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.

Raksta avots : http://htmlbook.ru/html/colgroup.html

Skatīts : 3156 / Komentāri : 0 / Vērtējumi : 0 / Uzrakstīts : 30 Septembrī 2009 plkst. 16:14

Komentāru kopskaits: 0

Pievienot komentārus var tikai reģistrētie lietotāji.
[ Reģistrācija | Ieeja ]