HTML mācīšanās 25. daļa: Platuma un augstuma atribūtu izmantošana HTML tabulās
Tiem no jums, kuri jau iepriekš esat lasījuši HTML mācību materiālu, protams, jūs esat iepazinušies ar platuma un augstuma atribūtiem.
Šo divu atribūtu pielietojums ir ne tikai HTML tabulās, bet arī tiek izmantots HTML satura, piemēram, attēlu, lieluma iestatīšanai.
Tiem no jums, kuri joprojām nesaprot, kā to padarītHTML tabulas un atribūtus, ko parasti izmanto HTML tabulās, pirms turpināt šo rakstu, varat apskatīt iepriekšējos rakstus, lai uzlabotu izpratni.
Kopumā platuma un augstuma atribūtu piemērošanatagu <table> atbalsta tikai HTML4.01, bet HTML5 to neatbalsta. Pat ja jums jāzina, kā izmantot abus atribūtus tabulā <table> kā mācīšanos. Tagad, lai iegūtu sīkāku informāciju par šo divu atribūtu izmantošanu, apskatīsim tālāk sniegto skaidrojumu.
Platuma atribūts
Tiek izmantots tabulas platuma atribūtsnoteikt tabulas platumu. Ja tabulas platumu nenosakāt, izmantojot atribūtu platums, tabulas platums sakrīt ar platumu, kas nepieciešams datu parādīšanai. Platuma atribūta sintakse ir:
<table width="pixel atau %">Platuma atribūtā var izmantot divas vērtības, proti:
| Vērtība | Funkcija |
| pikselis (pikseļi) | Iestatiet platumu pikseļos, piemēram: tikai 400 pikseļi vai 400 |
| procenti (%) | Iestatiet ap to esošo elementu platumu procentos, piemēram: 30% |
Šis ir rakstīšanas koda piemērs un platuma atribūta izmantošana HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Width di HTML</title>
</head>
<body>
<table width="400" border="2">
<tr>
<th width="50">No</th>
<th>NIM</th>
<th>Nama</th>
</tr>
<tr>
<td align="center">1</td>
<td>071401001</td>
<td>Ridayanti</td>
</tr>
<tr>
<td align="center">2</td>
<td>071401002</td>
<td>Ahmad Zulham</td>
</tr>
<tr>
<td align="center">3</td>
<td>071401003</td>
<td>Zulaikha</td>
</tr>
</table>
</body>
</html>Pēc iepriekš norādītā koda izpildes pārlūkā tas parādīsies, kā parādīts zemāk:
Auguma atribūts
Tiek izmantots tabulas augstuma atribūtsnoteikt galda augstumu. Tāpat kā platuma atribūtā, ja jūs nenosakāt tabulas augstumu, izmantojot atribūtu augstums, tabulas augstums atbildīs datu parādīšanai nepieciešamajam augstumam. Atribūta augstuma sintakse ir:
<table height="pixel atau %">Atribūtam augstums var izmantot divas vērtības, proti:
| Vērtība | Funkcija |
| pikselis (pikseļi) | Iestatiet platumu pikseļos, piemēram: tikai 150 pikseļi vai 150 |
| procenti (%) | Iestatiet ap to esošo elementu platumu procentos, piemēram: 10% |
Šis ir koda rakstīšanas piemērs un atribūta augstuma izmantošana HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Height di HTML</title>
</head>
<body>
<table border="2" height="150">
<tr>
<th width="50">No</th>
<th>NIM</th>
<th>Nama</th>
</tr>
<tr>
<td align="center">1</td>
<td>071401001</td>
<td>Ridayanti</td>
</tr>
<tr>
<td align="center">2</td>
<td>071401002</td>
<td>Ahmad Zulham</td>
</tr>
<tr>
<td align="center">3</td>
<td>071401003</td>
<td>Zulaikha</td>
</tr>
</table>
</body>
</html>Pēc iepriekš norādītā koda izpildes pārlūkā tas parādīsies, kā parādīts zemāk:
Tā kā HTML5 neatbalsta šos divus atribūtus, tabulas platuma un augstuma iestatījumos ieteicams izmantot CSS. CSS platuma un augstuma sintakse ir:
<table style="width:400px; height:150px;">Tas ir viss materiāls platuma un augstuma atribūtu izmantošanai HTML tabulās, cerams, ka jūs labi saprotat iepriekš minēto materiālu.
