Sekoman.lv 01 Jūlijā 2025 - Otrdiena - 02:46
Sākums Raksti Forums Par projektu
  • Rokasgrāmata "Kā izveidot savu mājas lapu"
  • Rekomendācijas jūsu web-lapas darbības ātruma paaugstināšana ...
  • Šāda tāda teorija par HTML un CSS (Latviski!)
  • Bildes izmērs un izšķirtspēja
  • RegExp - JavaScript regulārās izteiksmes
  • Specsimbolu kodi HTML valodā
  • Piemērs: Kā pelnīt ar Affiliate / Niche marketing un Adsense ...
  • Kas tas tāds - CSS ? CSS pamati īsumā
  • 15 standarta banneru izmēri
  • Nedaudz par "DIV"
  • PHP programmētāja rokasgrāmata
  • Kā novērtēt saites
  • Kā paātrināt lapas ielādes ātrumu
  • JavaScript pāradresācija - redirekts uz citu lapu
  • HTML valoda
  • Все о Google PageRank
  • Kā uzzināt lappuses URL?
  • Tegs <SCRIPT>
  • Tegs <FORM>
  • JavaScript programmēšanas labā prakse
  • On-site faktori: (x)HTML lapas elementa <head> saturs
  • Tegi <H1...H6>
  • Tegs <EMBED>
  • Kā ap tekstu izveidot noteiktas krāsas rāmi?
  • Javascript metodes window.stop() problēmas pārlūkā Internet ...
  • Reitingi un topi – plusi un mīnusi
  • Tegs <DIV>
  • Kādus meta tegus atpazīst Google ?
  • Javascript piemēri darbam ar Cookie
  • JavaScript faila "atlikta" pieslēgšana pēc piepras ...
  • Lattelecom partnerprogramma
  • HTML5 standarta atribūts 'placeholder' teksta ievade ...
  • jQuery UI – spraudnis Draggable
  • Tegs <IMG>
  • Tegs <BODY>
  • jQuery : darbs ar elementiem; CSS selektoru izmantošana
  • Kas ir dokumenta veids (Doctype) ?
  • Vēlreiz par mājaslapas optimizāciju interneta meklētājos
  • Tegs <FIELDSET>
  • Tegs <OBJECT>
  • Создание успешного сайта
  • CSS šrifta izmēru atbilstību tabula
  • Tegs <TABLE>
  • Parametrs wmode Flash failu attēlošanai
  • CSS "spraiti"
  • CSS float problēmas un risinājumi
  • Kas ir Google AdSense?
  • Nestandarta šriftu pieslēgšana web lapā
  • Tegs <INPUT>
  • Tegs <FRAME>
  • Tegs <a>
  • Tegs <META>
  • Kā izmainīt pogas krāsu formā?
  • Tegs <MARQUEE>
  • Kā nopelnīt ar savu interneta projektu?
  • Meta tegi mājaslapas mobilajai versijai
  • Atslēgvārdi
  • Tegs <LI>
  • SEO: Kā iepatikties Google meklētājam?
  • Īss CSS3 apskats
  • Tegs <LINK>
  • Tegs <HR>
  • Tegs <BUTTON>
  • CSS pseido klases (pseido selektori)
  • Tegs <IFRAME>
  • Freimu (<frame>) un Ifreimu (<iframe>) formatēšanas te ...
  • CSS stila īpašību pieslēgšana atkarībā no pārlūka
  • Tegs <BASE>
  • 6 izplatītākās kļūdas izstrādājot mājaslapas mobilajām ierīc ...
  • Tegs <OL>
  • On-site faktori: (x)HTML lapas elementa <body> saturs
  • Tegs <P>
  • Google Pagerank un Google Toolbar PR
  • Off-site faktori: saites un Google PageRank
  • Kā teksta daļu izcelt citā krāsā?
  • Saites atvēršana 'uzpeldošā' logā izmantojot jQuery
  • Tegs <SELECT>
  • Ko apzīmē mērvienība "em" stila atribūtos?
  • Tegs <COLGROUP>
  • Reitingu sistēmu tumšā puse
  • Tegs <SPAN>
  • Tegs <TR>
  • Mazliet par web 2.0
  • Tegs <FRAMESET>
  • HTML koda vai satura nomaiņa elementiem ar zināmu ID, izmant ...
  • Tegs <ABBR>
  • Tegs <AREA>
  • Tegs <DL>
  • Ārējās hipersaites noformēšana, izmantojot jQuery un CSS
  • 10 SEO mīti
  • Kā horizontāli nocentrēt tabulu pārlūka logā?
  • HTML elementu pseidoparametri un to apstrāde skriptos
  • SEO pamati
  • Tegs <BR>
  • Tegs <PARAM>
  • Tegs <BGSOUND>
  • Tegs <FONT>
  • Kā atcelt hipersaišu pasvītrojumu
  • Tegs <PRE>
  • Kā lapā izveidot dažādu krāsu hipersaites?
  • Tegs <SAMP>
  • Tegs <HTML>
  • Atdalām JavaScript funkcijas no HTML koda
  • Tegs <CODE>
  • Tegs <UL>
  • Pseidoklase <:active>
  • Nosacītie komentāri pārlūkiem Internet Explorer
  • Tegs <BASEFONT>
  • Tegs <ACRONYM>
  • Kā pārbaudīt, vai rinda satur doto(s) simbolu(s)?
  • Kā uzzināt, vai lapas kods satur noteiktu tegu (elementu)?
  • Tegs <BLOCKQUOTE>
  • Garas simbolu virknes pārnešana jaunā rindā
  • Tegs <SMALL>
  • Meklētājsistēmas Google filtri
  • Tegs <STRIKE>
  • Tegs <TEXTAREA>
  • Īpašība <@import>
  • Javascript valodā rezervētie vārdi
  • Tegs <STRONG>
  • Stila atribūtu "padding/margin" vērtību īsais pier ...
  • Ko apzīmē pieraksts #fc0?
  • Tegs <TITLE>
  • Tegs <TD>
  • Fancy Partnerprogramma
  • Pseidoelements <:after>
  • Tegs <MAP>
  • Izvēlnes aktīvās saites iezīmēšana tikai ar CSS palīdzību
  • Tegs <CAPTION>
  • Domēnu zonu saraksts
  • Laika parametru iegūšana JavaScript kodā
  • Interneta pārlūka konstatēšana ar jQuery palīdzību
  • Tegs <LEGEND>
  • Tegs <TBODY>
  • Tegs <ADDRESS>
  • Tegs <STYLE>
  • Tegs <NOBR>
  • SEO: Google PageRank
  • Kā izvietot blakus divus fiksēta izmēra slāņus (DIV) ?
  • Tegs <BDO>
  • Tegs <DT>
  • Tegs <COL>
  • Tegs <DD>
  • Tegs <DFN>
  • Tegs <TFOOT>
  • Tegs <I>
  • Tegs <OPTION>
  • Tegs <B>
  • Tegs <LABEL>
  • Tegs <INS>
  • Tegs <Q>
  • Tegs <TH>
  • Izmantojam tegu <hr> ar fona attēlu
  • Tegs <HEAD>
  • Tegs <EM>
  • Kā noteikt ekrāna izšķirtspēju un pārlūka loga izmērus ?
  • Tegs <XMP>
  • 10 tipiskas Latvijas Interneta „startapu” kļūdas
  • Tegs <DEL>
  • Tegs <OPTGROUP>
  • Tegs <NOSCRIPT>
  • Tegs <THEAD>
  • Tegs <NOFRAMES>
  • Tegs <SUB>
  • Īpašība <!important>
  • Tegs <TT>
  • Tegs <BIG>
  • 10 ошибок начинающих блоггеров
  • Tegs <WBR>
  • Tegs <VAR>
  • Parametrs target='_blank' citiem vārdiem
  • Tegs <KBD>
  • Tegs <SUP>
  • Tegs <CITE>
  • Tegs <NOEMBED>
  • Alternatīva fona pievienošana vairs neeksistējošam attēlam.
  • Parādām un rediģējam elementu <style>
  • Veidojam failu robots.txt
  • 9 veidi, kā meklēt informāciju iekš Google, par kuriem nezin ...

Vadība

Ieeja lapā
Reģistrācija Uzrakstīt Autoram Ielādēt visus ierakstus
  • black
  • blue
  • green
  • gray
  • pink
  • orange

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

Kāda veida apraksti Jums šķiet nepieciešamāki?
Rezultāti | Aptauju arhīvs
Atbilžu kopskaits: 158
Sākums Raksti HTML tegi (tags)

HTML tegi (tags)Tegs <COLGROUP>

Tegs COLGROUP

Pārlūks Internet ExplorerInternet Explorer NetscapeNetscape OperaOpera SafariSafari FirefoxFirefox
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>&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 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>&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 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ā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 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.


Raksta avots : http://htmlbook.ru/html/colgroup.html
  • 1
  • 2
  • 3
  • 4
  • 5
Skatīts : 3155 / 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 ]

Datuve.lv
Kopēšana pieļaujama norādot raksta avotu vai autoru. Norāde uz šo lapu obligāta.
Lapas ideja pieder tās autoram.
Oriģinālais dizains no Zoxy, Uzturēšanu nodrošina uCoz
Redizains un lokalizācija no Arnis Freimanis.