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

Tegs TD

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 <TD> paredzēts tabulas katras atsevišķas šūnas izveidošanai. Tegam <TD>jāatrodas konteinerī <TR>, kurš savukārt atrodas konteinerī <TABLE>.

Sintakse

Parametri

align: Nosaka šūnas satura izlīdzināšanu pa horizontāli.
background: Uzstāda šūnas fona attēlu.
bgcolor: Uzstāda šūnas fona krāsu.
bordercolor: Rāmja krāsa.
colspan: Apvieno vairākas šūnas pa horizontāli.
height: Šūnas augstums.
nowrap: Aizliedz rindas pārnešanu jaunā rindā.
rowspan: Apvieno vairākas šūnas pa vertikāli.
valign: Nosaka šūnas satura izlīdzināšanu pa vertikāli.
width: Šūnas platums.

Aizverošais tegs

Nav nepieciešams.

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

 <table border="1" cellpadding="7" cellspacing="0">

 <tr>
   <td colspan="2" bgcolor="#D3EDF6" align="center">Ячейка 1</td>
 </tr>

 <tr>
   <td valign="top" align="center">Ячейка 2</td>
   <td width="98%" valign="top">Ячейка 3</td>

 </tr>
 </table> 

 </body>
</html>

Tega <TD> parametru apraksts

Parametrs ALIGN

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Nosaka šūnas satura izlīdzinājumu pa horizontāli.

Sintakse

Argumenti

left: Šūnas satura izlīdzināšana pēc kreisās malas.
center: Šūnas satura izlīdzināšana pēc centra.
right: Šūnas satura izlīdzināšana pēc labās malas.
justify: Šūnas satura izlīdzināšana pēc platuma (vienlaikus pēc abām malām).

Noklusētā vērtība

left

CSS analogs

text-align

Piemērs 2. Šūnas satura izlīdzināš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 TD, parametrs align</title>

 </head>
 <body>

 <table width="600" border="1">
 <tr>

 <td align="center">Ячейка 1</td>
 <td align="center">Ячейка 2</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 šūnas 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. Šūnas 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 TD, parametrs background</title>
 </head>
 <body>

 <table width="600">
 <tr>

 <td background="/images/snow.gif">Ячейка с фоновым рисунком</td>
 </tr> 
 </table> 

 </body>
</html>

Parametrs BGCOLOR

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Uzstāda šūnas fona krāsu.

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. Šūnas 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 TD, parametrs bgcolor</title>
 </head>
 <body text="white">

 <table bgcolor="black" width="600">

 <tr>
 <td bgcolor="#ffcc00">Ячейка 1</td>
 </tr>
 <tr>
 <td>Ячейка 2</td>

 </tr>
 </table> 

 </body>
</html>

Parametrs BORDERCOLOR

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Uzstāda rāmja krāsu. Rāmis būs redzams, ja uzstādīts parametrs border ar vērtību atšķirīgu no nulles tegam <TABLE>.

Sintakse

Argumenti

Skatīt. bgcolor.

Noklusētā vērtība

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

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

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

 <tr>
 <td bordercolor="red">Ячейка 1</td>
 <td>Ячейка 2</td>
 </tr> 
 </table> 

 </body>

</html>

Parametrs COLSPAN

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Uzstāda šūnu skaitu pa horizontāli, kuras tiks apvienotas. Šim parametram ir jēga tabulās, kuras sastāv no vairākām rindām. Kā piemērā, kas redzams zemāk.

ячейка 1
ячейка 2	ячейка 3

Piemērā redzamā tabula satur 2 rindas un 2 slejas, pie kam augšējās rindas šūnas apvienotas ar parametru colspan.

Sintakse

Argumenti

Jebkurš vesels pozitīvs skaitlis, lielāks par 1.

Noklusētā vērtība

Piemērs 6. Šūnu apvienoš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 TD, parametrs colspan</title>
 </head>
 <body>

 <table width="200" border="1" cellpadding="4" cellspacing="0">

 <tr> 
 <td colspan="2">Ячейка 1</td>
 </tr>
 <tr> 
 <td>Ячейка 2</td>

 <td>Ячейка 3</td>
 </tr>
 </table>

 </body>
</html>

Parametrs HEIGHT

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Pārlūks pats uzstāda tabulas un tās šūnu augstumu, vadoties no to satura. Tomēr izmantojot parametru height, šūnu augstumu iespējams mainīt. Šeit iespējami 2 varianti. Ja height vērtība mazāka, nekā šūnas satura augstums, tad šis parametrs tiks ignorēts. Gadījumā, ja uzstādīts šūnas augstums, kas pārsniedz šūnas satura augstumu, tiek pievienota tukša platība pa vertikāli.

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 šūnas satura.

CSS analogs

height

Piemērs 7. Šūnas augstums

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 TD, parametrs height</title>
 </head>
 <body>

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

 <tr>
 <td height="50">Ячейка 1</td>
 </tr> 
 </table> 

 </body>
</html>

Parametrs NOWRAP

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Pievienojot parametru nowrap tegam <TD>, liek tekstam šūnā attēloties bez pārnesumiem jaunā rindā, kā nepārtraukta rinda. Nepareiza šī atribūta izmantošana var novest pie tā, ka tabula kļūs par platu, lai pilnībā iekļautos web-lapā. Tādējādi kļūs redzama horizontālā bīdjosla. Jebkurā gadījumā izmantot šādu tabulu būs neērti, tāpēc parametra nowrap izmantošana tiek nopelta HTML 4 specifikācijā.

Sintakse

Argumenti

Nav.

Noklusētā vērtība

Pēc noklusējuma parametrs nowrap nav uzstādīts.

CSS analogs

white-space

Piemērs 8. Parametra nowrap 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 TD, parametrs nowrap</title>
 </head>
 <body>

 <table width="400">
 <tr>

 <td nowrap>Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate 
 velit esse molestie consequat, vel illum dolore eu feugiat nulla 
 facilisis at vero eros et accumsan et iusto odio dignissim qui blandit 
 praesent luptatum zzril delenit au gue duis dolore te feugat nulla 
 facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci taion 
 ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. 
 Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en 
 commodo consequat.</td>
 </tr> 
 </table> 

 </body>
</html>

Parametrs ROWSPAN

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Uzstāda šūnu skaitu pa vertikāli, kuras tiks apvienotas. Šim parametram ir jēga tabulās, kuras sastāv no vairākām rindām. Kā piemērā, kas redzams zemāk.

ячейка 1	ячейка 2
	ячейка 3

Piemērā redzamā tabula satur 2 rindas un 2 slejas, pie kam kreisās slejas šūnas apvienotas ar parametru rowspan.

Sintakse

Argumenti

Jebkurš vesels pozitīvs skaitlis, lielāks par 1.

Noklusētā vērtība

Piemērs 9. Šūnu apvienoš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 TD, parametrs rowspan</title>
 </head>

 <body>

 <table width="200" border="1" align="center" 
 cellpadding="4" cellspacing="0">

 <tr> 
 <td rowspan="2" bgcolor="#FBF0DB">Ячейка 1</td>
 <td>Ячейка 2</td>
 </tr>

 <tr> 
 <td>Ячейка 3</td>
 </tr>
 </table>

 </body>

</html>

Parametrs VALIGN

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Uzstāda šūnas satura izlīdzinājumu pa vertikāli. Pēc noklusējuma šūnas saturs tiek izvietots tās centrā pa vertikāli.

Sintakse

Argumenti

top: Šūnu satura izlīdzināšana pēc rindas augšas.
middle: Izlīdzināšana pēc centra.
bottom: Šūnu satura izlīdzināšana pēc rindas apakšas.
baseline: Izlīdzināšana pēc bāzes līnijas, kā rezultātā visu tekošās rindas šūnu saturs piesaistīts vienai kopējai līnijai.

Noklusētā vērtība

middle

CSS analogs

vertical-align

Piemērs 10. Izlīdzināšana pa vertikāli

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

 <table width="60%" border="1">

 <tr>
 <td valign="top" height="200">Выравнивание по верхнему краю</td>
 <td valign="bottom">Выравнивание по нижнему краю</td> 
 </tr> 
 </table> 

 </body>

</html>

Parametrs WIDTH

HTML:

3.2

XHTML:

1.0

1.1

Apraksts

Nosaka šūnas platumu. Ja šūnas 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 šūnā atrodas attēli, parametrs width tiks ignorēts, un šūnas 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 šūnas satura.

CSS analogs

width

Piemērs 11. Šūnas platums

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

 <table cellpadding="10" border="1">

 <tr>
 <td width="20%">Ячейка 1</td>
 <td width="80%">Ячейка 2</td>
 </tr> 
 </table> 

 </body>

</html>

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

Skatīts : 2824 / Komentāri : 0 / Vērtējumi : 0 / Uzrakstīts : 08 Martā 2010 plkst. 16:34

Komentāru kopskaits: 0

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