Tegs CAPTION
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 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Tegs <CAPTION> paredzēts tabulas virsraksta izveidošanai un drīkst atrasties tikai konteinerī <TABLE>, pie kam tūlīt pēc atverošā tega . Šāds virsraksts būs kā teksts, kurš pēc noklusējuma tiks attēlots pirms tabulas un aprakstīs tās saturu.
Sintakse
<table> <caption>Teksts</caption> ... </table>
Parametri
- align
- Nosaka virsraksta izlīdzinājumu pa horizontāli.
- valign
- Uzstāda virsraksta atrašanos pirms vai pēc tabulas.
Aizverošais tegs
Obligāts.
Piemērs 1. Tega <CAPTION> 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 CAPTION</title>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="4">
<caption>Таблица 3.2. Демонстрация катаболических
процессов организма</caption>
<tr>
<th> </th><th>Чебурашка</th>
<th>Крокодил Гена</th><th>Шапокляк</th>
</tr>
<tr>
<td>Съел, кг</td><td>5</td>
<td>2</td><td>1</td>
</tr>
<tr>
<td>Выпил, л</td><td>6</td>
<td>8</td><td>2</td>
</tr>
<tr>
<td>Смог, раз</td><td>5</td>
<td>5</td><td>1</td>
</tr>
</table>
</body>
</html>
Piemēra rezultāts.
Tega <CAPTION> parametru apraksts
Parametrs ALIGN
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Parametrs align nosaka virsraksta izlīdzinājumu attiecībā pret tabulu. Tā darbības rezultāts atkarīgs no uzstādītās vērtības un izmantojamā pārlūka.
Sintakse
<caption align="left | center | right | top | bottom">...</caption>
Argumenti
- left
- Pārlūkos Internet Explorer un Opera izvieto virsrakstu virs tabulas un izlīdzina to pret kreiso malu. Pārlūkā Firefox virsraksts izvietojas pa kreisi no tabulas.
- right
- Pārlūkos Internet Explorer un Opera izvieto virsrakstu virs tabulas un izlīdzina to pret labo malu. Pārlūkā Netscape parametrs tiek ignorēts, bet Firefox virsraksts izvietojas pa labi no tabulas.
- center
- Virsraksts tiek izvietots centrā virs tabulas.
- top
- Rezultāts līdzīgs argumenta center darbībai, bet atšķirībā no tā ietilpst HTML 4 specifikācijā un tiek visu pārlūku atbalstīts.
- bottom
- Virsraksts tiek izvietots centrā zem tabulas.
Noklusētā vērtība
center — pārlūkam Internet Explorer; top — citiem pārlūkiem.
CSS analogs
text-align
Piemērs 2. Virsraksta 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 CAPTION, parametrs align</title>
</head>
<body>
<table width="100%" border="1" cellspacing="1" cellpadding="4">
<caption align="bottom">Tabulas piemērs</caption>
<tr>
<th>#</th>
<th>Чебурашка</th>
<th>Крокодил Гена</th>
<th>Шапокляк</th>
</tr>
<tr>
<td>1</td><td>FXD</td>
<td>URN</td><td>LWK</td>
</tr>
</table>
</body>
</html>
Piemēra rezultāts
Parametrs VALIGN
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Parametrs valign paredzēts virsraksta izvietošanai pirms tabulas, vai pēc tās. Šis parametrs darbojas tikai pārlūkā Internet Explorer, bet visos pārējos tiek piemērots align. Tomēr, parametrs align korekti darbojas arī iekš IE, tālab parametru align un valign salikums nepieciešams tikai priekš šī pārlūka, kad nepieciešama vienlaikus virsraksta izlīdzināšana kā pa horizontāli, tā pa vertikāli.
Sintakse
<caption valign="bottom | top">...</caption>
Argumenti
- bottom
- Virsraksts izvietojas zem tabulas.
- top
- Virsraksts izvietojas pirms tabulas.
Noklusētā vērtība
top
Piemērs 3. Virsraksts zem tabulas
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 CAPTION, parametrs valign</title>
</head>
<body>
<table width="60%" border="1" cellspacing="1" cellpadding="4">
<caption align="right" valign="bottom">
Tabulas piemērs
</caption>
<tr><td>...</td></tr>
</table>
</body>
</html>