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

Tegs COL

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 <COL> nosaka tabulas vienas vai vairāku kolonnu platumu un citus atribūtus. Ja pārlūks sastop šo tegu, tas sāk rādīt tabulu, nesagaidot tās pilnu ielādi. Tegu <COL> var izmantot kopā ar tegu <COLGROUP>, kurš nosaka kolonnu grupu ar vienādām īpašībām.

Sintakse

Parametri

align: Nosaka kolonnas satura izlīdzinājumu attiecībā pret malām.
span: Kolonnu skaits, uz kurām tiks pielietoti parametri.
valign: Nosaka kolonnas satura vertikālo izlīdzinājumu.
width: Kolonnu platums.

Aizverošais tegs

Nav vajadzīgs.

Piemērs 1. Tega <COL> 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 COL</title>
 </head>
 <body>

 <table width="400" border="0" cellpadding="5" cellspacing="0">

 <col width="150" valign="top">
 <col width="250" valign="top">
 <tr>

 <td style="background: #B0B28E">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.
 </td>
 <td style="background: #CCCCCC">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. 
 </td>
 </tr>
 </table>

 </body>
</html>

Piemēra rezultāts

Рис. 1

Tega COL 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. 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 COL, parametrs align</title>

 </head>
 <body>

 <table border="1" width="400">
 <col align="left">

 <col 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 COL, 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 COL, parametrs valign</title>
 </head>
 <body>

 <table width="700" border="1">

 <col width="150">
 <col valign="top">
 <tr>
 <td>1<Br>1<Br>1</td>

 <td>2</td>
 <td>3</td>
 <td>4</td>
 </tr>

 </table>

 </body>
</html>

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. 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 COL, parametrs width</title>

 </head>
 <body>

 <table cellpadding="10" border="1" width="100%">

 <col width="20%">
 <col width="80%">
 <tr>
 <td> ... </td>

 <td> ... </td>
 </tr> 
 </table> 

 </body>
</html>

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

Skatīts : 2685 / Komentāri : 0 / Vērtējumi : 0 / Uzrakstīts : 29 Septembrī 2009 plkst. 18:21

Komentāru kopskaits: 0

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