Učení HTML část 26: Použití atributů Zarovnat a Valignovat v HTML tabulkách

Předchozí materiál, o kterém jsme diskutovali o funkci atributů šířka a výška v tabulce HTML.

V této diskusi budu diskutovato tom, jak v tagu <table> použít atributy zarovnání a vyrovnání. Měli byste také vědět, že použití těchto dvou atributů je podporováno pouze HTML4.01, ale není podporováno HTML5. Pro více informací o těchto dvou atributech se podívejme na vysvětlení níže:

Zarovnat atribut

Atribut zarovnání v tabulce se používá k nastaveníforma vyrovnávacích dat na stole vodorovně. Atribut zarovnání lze použít ve značce <table>, který určí polohu tabulky nebo ve značkách <tr>, <th> nebo <td>, které vodorovně určí polohu obsahu tabulky (data) v tabulce.

Ve značce <table> jsou hodnoty, které lze použít na atribut zarovnání, následující:

Vlevo pro nastavení pozice stolu vlevo (výchozí).
Správně pro nastavení polohy stolu vpravo.
Centrum aby pozice stolu byla uprostřed.

Následuje příklad kódu pro psaní a použití atributu zarovnání ve značce <table>:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Align di HTML</title>
</head>
<body>
<table border="2" align="right">
<tr>
<th>No</th>
<th>NIM</th>
<th>Nama</th>
</tr>
<tr>
<td>1</td>
<td>071401001</td>
<td>Ridayanti</td>
</tr>
<tr>
<td>2</td>
<td>071401002</td>
<td>Ahmad Zulham</td>
</tr>
<tr>
<td>3</td>
<td>071401003</td>
<td>Zulaikha</td>
</tr>
</table>
</body>
</html>

Po provedení výše uvedeného kódu v prohlížeči se objeví následující obrázek:

Potom v atributu zarovnání, který se používá k úpravě zarovnání v datové tabulce (<tr>, <th> nebo <td>), existují čtyři hodnoty, jmenovitě:

Hodnota	Funkce
vlevo	Zarovnejte obsah buněk vlevo (výchozí)
správně	Upravte obsah buňky rovně
centrum	Zacvičte obsah buněk na střed
ospravedlnit	Učinit obsah buňky zploštělý doleva a doprava

Zde je příklad psaní kódu a použití atributu zarovnání pro data vyrovnávací tabulky:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Align di HTML</title>
</head>
<body>
<table border="2">
<tr>
<th>Nama Lengkap</th>
<th width="200">Nama</th>
<th>Hobi yang Paling Disukai</th>
</tr>
<tr>
<td align="center">Zakaria</td>
<td align="right">Zaka</td>
<td align="left">Futsal</td>
</tr>
</table>
</body>
</html>

Po provedení výše uvedeného kódu HTML v prohlížeči se zobrazí následující obrázek:

Valign atribut

Atribut valign v tabulce se používá prouspořádat zarovnání na stůl svisle. Atribut valign je zapsán ve značkách <tr>, <th> nebo <td>, které svisle určují polohu obsahu tabulky (data) v tabulce. Na atribut valign lze použít čtyři hodnoty, a to:

Hodnota	Funkce
top	Udělejte obsah buněk rovnoměrně nahoře
dole	Urovnejte obsah buněk rovnoměrně s buňkami
uprostřed	Vytváří obsah buněk uprostřed buněk
základní hodnota	Upravte obsah buňky na pozici prvního textu, který je v buňce zadán

Následuje příklad kódu pro psaní a použití atributu valign v HTML:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Valign di HTML</title>
</head>
<body>
<table border="2" height="150">
<tr>
<th>No</th>
<th width="100">NIM</th>
<th>Nama</th>
</tr>
<tr>
<td align="center" valign="baseline">1</td>
<td valign="top">071401001</td>
<td valign="top">Ridayanti</td>
</tr>
<tr>
<td align="center" valign="baseline">2</td>
<td valign="bottom">071401002</td>
<td valign="bottom">Ahmad Zulham</td>
</tr>
<tr>
<td align="center" valign="baseline">3</td>
<td valign="center">071401003</td>
<td valign="center">Zulaikha</td>
</tr>
</table>
</body>
</html>

Po provedení výše uvedeného kódu v prohlížeči se objeví následující obrázek:

To je vše pro použití atributů zarovnání a vyrovnánív tabulce v HTML doufejme, že tento materiál dobře pochopíte. Další materiál, který se musíte naučit, je o tom, jak vytvářet formuláře v HTML.

</p>

Číst dál: