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

Tegs TABLE

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

Elements <TABLE> kalpo par konteineri elementiem, kuri nosaka tabulas saturu. Jebkura tabula sastāv no rindām un šūnām, kas tiek noteikti ar tegiem <TR> un <TD>. Konteinerī <TABLE> pieļaujams izmantot šādus elementus: <CAPTION>, <COL>, <COLGROUP>, <TBODY>, <TD>, <TFOOT>, <TH>, <THEAD> un <TR>.

Tabulas ar neredzamām robežām ilgu laiku tika izmantotas web-lapu veidošanā, ļaujot sadalīt lapu blokos. Šāds tabulu izmantošanas veids guva savu iemiesojumu daudzos saitos, kāmēr to nenomainīja mūsdienīgāks dalījuma veids, izmantojot slāņus (div).

Sintakse

Parametri

align: Nosaka tabulas izlīdzinājumu.
background: Nosaka tabulas fona attēlu.
bgcolor: Tabulas fona krāsa.
border: Tabulas rāmja biezums pikseļos.
bordercolor: Rāmja krāsa.
cellpadding: Atkāpe no rāmja līdz šūnas saturam pikseļos.
cellspacing: Attālums starp atsevišķām šunām.
cols: Sleju skaits tabulā.
height: Tabulas augstums.
width: Tabulas platums.

Aizverošais tegs

Obligāts.

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

 <table width="100%" border="0" cellspacing="0" cellpadding="4">

 <tr align="center" bgcolor="#999999">
 <td colspan="3" style="font-size: 160%; font-family: sans-serif">Lorem 
 ipsum dolor sit amet...</td>
 </tr>

 <tr>
 <td><img src="/images/logo.gif" alt="" width="150" height="70" 
 border="0" style="background: #CC9"></td>

 <td align="right"><img src="/images/title.gif" alt="" width="70" 
 height="70" style="background: #CF9"></td>

 <td>
 <a href="lorem.html">Lorem</a><Br>
 <a href="lorem.html">Ipsum</a><Br>

 <a href="lorem.html">Dolar</a>
 </td>
 </tr>
 <tr>
 <td colspan="3">

 <table width="100%" border="0" cellpadding="0" 
 cellspacing="0" bgcolor="#333333">
 <tr><td>&nbsp;</td></tr>

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

 </body>
</html>

Piemēra rezultāts. Attēlu rādīšana ir atslēgta pārlūkā.

Рис. 1

Tega <TABLE> parametru apraksts

Parametrs ALIGN

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Nosaka tabulas izlīdzinājumu pēc pārlūka loga malām.

Sintakse

Argumenti

left: Tabulas izlīdzināšana pēc kreisās malas.
center: Tabulas izlīdzināšana pēc centra.
right: Tabulas izlīdzināšana pēc labās malas.

Noklusētā vērtība

left

CSS analogs

text-align

Piemērs 2. Tabulas izlīdzināšana pēc centra

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 TABLE, parametrs align</title>
 </head>
 <body>
 <table align="center" width="600" bgcolor="#ffcc00">

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

 </body>
</html>

Parametrs BACKGROUND

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Nosaka attēlu, kurš tiks izmantots kā tabulas fona zīmējums. Atšķirībā no parastas attēlu izvadīšanas, fonam netiek uzstādīti attēla platums un augstums, un tas vienmēr tiek attēlots pilnā izmērā. Ja attēls pēc izmēra ir mazāks par tabulas platumu vai augstumu, tad tas atkārtojas pa horizontāli uz labo pusi un leju, izkārtojoties kā mozaīka. Kā fonu var izmantot arī animētus attēlus GIF formātā, tomēr tie novērš apmeklētāju uzmanību.

Sintakse

Argumenti

Jebkura pieļaujama attēla adrese — var izmantot absolūto vai relatīvo ceļu uz failu.

Noklusētā vērtība

Nav.

CSS analogs

background-image

Piemērs 3. Tabulas fona attēls

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 TABLE, parametrs background</title>

 </head>
 <body>

 <table background="/images/snow.gif" width="600">
 <tr>

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

 </body>
</html>

Parametrs BGCOLOR

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Uzstāda tabulas fona krāsu. Var izmantot šo parametru kopā ar background, piemeklējot fona krāsu tuvu fona attēla krāsu gammai.

Sintakse

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 4. Tabulas 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 TABLE, parametrs bgcolor</title>
 </head>
 <body>
 
 <table bgcolor="#ffcc00" width="600">

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

 </body>
</html>

Parametrs BORDER

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Uzstāda tabulas rāmja platumu pikseļos. Pēc noklusējuma rāmis tiek attēlots kā trīsdimensionāls, bet izmantojot tega <TABLE> parametru bordercolor , var mainīt rāmja izskatu atkarībā no pārlūka. Ja tegā <TABLE> izmanto parametru border bez argumentiem (<table border>), tad pārlūks attēlo rāmi ar platumu 1 pikselis.

Sintakse

Argumenti

Jebkurš vesels pozitīvs skaitlis.

Noklusētā vērtība

CSS analogs

border

Piemērs 5. Rāmja biezums (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 TABLE, parametrs border</title>
 </head>
 <body>

 <table cellspacing="2" border="1" cellpadding="5" width="600">

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

 </body>

</html>

Parametrs BORDERCOLOR

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Uzstāda tabulas rāmja krāsu. Parasti rāmis tiek attēlots kā trīsdimensiāls, tomēr pievienojot parametrus bordercolor un border tegam <TABLE>, tiek iegūta viendabīga līnija.

Sintakse

Argumenti

Skatīt parametru BGCOLOR.

Noklusētā vērtība

Atkarīga no pārlūka un operacionālās sistēmas.

CSS analogs

border-color

Piemērs 6. 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 TABLE, parametrs bordercolor</title>
 </head>
 <body>

 <table bordercolor="red" border="2" width="100%">

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

 </body>
</html>

Parametrs CELLPADDING

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Nosaka atkāpi starp šūnas rāmi un tās saturu. Šis parametrs pievieno tukšu platību ap šūnas saturu, tādējādi palielinot šūnas izmērus. Bez cellpadding teksts tabulā "pielīp" pie rāmja, tādējādi pazeminot tā uztveramību. Ja rāmis tabulai nav uzstādīts, šim parametram nav īpašas nozīmes, bet var palīdzēt, ja jāuzstāda atstarpes starp šūnām.

Sintakse

Argumenti

Jebkurš vesels skaitlis pikseļos vai procentos no pieejamās platības.

Noklusētā vērtība

Piemērs 7. Parametra cellpadding 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 TABLE, parametrs cellpadding</title>

 </head>
 <body>

 <table cellpadding="7" border="2" width="100%">

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

 </body>
</html>

Parametrs CELLSPACING

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Uzstāda attālumu starp šūnu robežām. Ja uzstādīts parametrs border, rāmja platums tiek ņemts vērā.

Sintakse

Argumenti

Jebkurš vesels pozitīvs skaitlis.

Noklusētā vērtība

0 (ja nav uzstādīts parametrs border) 2 (ja parametrs border ir uzstādīts)

Piemērs 8. Parametra cellspacing 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 TABLE, parametrs cellspacing</title>

 </head>
 <body>

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

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

 </body>

</html>

Parametrs COLS

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Parametrs cols uzstāda sleju skaitu tabulā, palīdzot pārlūkam sagatavot tabulas attēlošanu. Bez šī parametra tabula kļūs redzama tikai pēc tam, kad viss tās saturs tiks ielādēts pārlūkā. Parametra cols izmantošana nedaudz paātrina tabulas satura attēlošanu.

Sintakse

Argumenti

Jebkurš vesels pozitīvs skaitlis.

Noklusētā vērtība

Nav.

Piemērs 9. Parametra cols 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 TABLE, parametrs cols</title>

 </head>
 <body>

 <table width="700" cellspacing="0" border="1" cols="10">

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

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Paziņo pārlūkam, kur attēlot rāmi ap tabulu. Rāmja platums tiek uzstādīts ar parametru border.

Sintakse

Argumenti

void: Neattēlot rāmi.
border: Rāmis ap visu tabulu.
above: Rāmis pa tabulas augšējo robežu.
below: Rāmis pa tabulas apakšējo robežu.
hsides: Rāmis pa tabulas augšējo un apakšējo robežām.
vsides: Rāmis pa tabulas kreisās un labās puses robežām.
rhs: Rāmis pa tabulas labās puses robežu.
lhs: Rāmis pa tabulas kreisās puses robežu.

Noklusētā vērtība

border

CSS analogs

border

Parametrs HEIGHT

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Uzstāda tabulas augstumu. HTML 4 specifikācijā šī parametra nav, tomēr pārlūki pārsvarā gadījumu to saprot, ja nav uzstādīts <!DOCTYPE>. Gadījumā, ja dokumentam uzstādīts<!DOCTYPE>, pārlūki tabulas augstumu, kas noteikts ar parametru height, ignorē.

Sintakse

Argumenti

Jebkurš vesels skaitlis pikseļos vai procentos no pieejamās platības.

Noklusētā vērtība

Augstums tiek izskaitļots pēc tabulas satura.

CSS analogs

height

Piemērs 10. Tabulas augstums

HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

 <title>Tegs TABLE, parametrs height</title>
 </head>
 <body>

 <table cellpadding="10" bgcolor="#ffcc00" align="center" 
 width="50%" height="50%">

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

 </body>
</html>

Parametrs RULES

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Paziņo pārlūkam, kur attēlot rāmjus starp šūnām. Rāmja biezums un krāsa tiek uzstādīti ar parametriem border un bordercolor. Pēc noklusējuma rāmis tiek zīmēts apkārt katrai šūnai.

Sintakse

Argumenti

all: Līnija tiek zīmēta apkārt katrai tabulas šūnai.
groups: Ar līnijām tiek atdalītas grupas, kuras sastāda tegi <THEAD>, <TFOOT>, <TBODY>, <COLGROUP> vai <COL>.
cols: Līnija tiek attēlota starp slejām.
none: Līnijas netiek attēlotas vispār.
rows: Līnijas tiek attēlotas starp tabulas rindām, kas veidotas ar tegu <TR>.

Noklusētā vērtība

none (ja border="0"); all (ja parametra border vērtība nav nulle).

CSS analogs

border

Piemērs 11. Parametra rules 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 TABLE, parametrs rules</title>
 </head>

 <body>

 <table cellspacing="0" cellpadding="10" rules="rows" 
 border="1" width="80%">

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

 </tr> 
 </table> 

 </body>
</html>

Parametrs WIDTH

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Nosaka tabulas platumu. Ja tabulas satura kopējais platums pārsniedz uzstādīto platumu, tad pārlūks cenšas iekļauties uzstādītajā platumā uz teksta formatēšanas rēķina. Gadījumos, kad tas nav iespējams, piemēram, ja tabulā atrodas attēli, parametrs width tiks ignorēts, un tabulas platums tiks izskaitļots vadoties pēc tās satura.

Sintakse

Argumenti

Jebkurš vesels skaitlis pikseļos vai procentos no pieejamās platības.

Noklusētā vērtība

Platums tiek izskaitļots vadoties pēc tabulas satura.

CSS analogs

width

Piemērs 12. Tabulas saturs

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 TABLE, parametrs width</title>
 </head>

 <body>

 <table cellpadding="10" border="1" width="80%">
 <tr>

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

 </body>
</html>

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

Skatīts : 3378 / Komentāri : 0 / Vērtējumi : 0 / Uzrakstīts : 05 Martā 2010 plkst. 13:54

Komentāru kopskaits: 0

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