Učení HTML část 24: Použití atributů Cellpadding a Cellspacing v HTML

V předchozím článku jsem to vysvětlilo vytváření tabulek v HTML. Pro ty z vás, kteří tento článek dříve četli, již samozřejmě víte, jak vytvářet tabulky v HTML, spolu s několika značkami, které podporují použití tabulek v HTML.

Popis použití více značeka atributy tabulek v HTML byly také vysvětleny v předchozích článcích. V této diskusi představím další atributy, které také podporují použití tabulek v HTML, a to atributy cellpadding a cellspacing. Následuje vysvětlení atributů cellpadding a cellspacing:

Cellpadding

Atribut cellpadding se používá ke stanovenímezerník v buňce, která je mezi buněčnou stěnou a obsahem buňky. Použití atributu cellpadding je podporováno pouze HTML4.01, ale není podporováno HTML5. Zápis atributu cellpadding HTML je:

<table cellpadding="pixel">

Hodnota atributu cellpadding při určování mezery v buňce je pixel. Následující ukázkový kód zápisu a používání cellpadding v HTML:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Cellpadding di HTML</title>
</head>
<body>
<table border="2" cellpadding="5">
<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>
</table>
</body>
</html>

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

Rozestup buněk

Atribut cellspacing se používá ke stanovenímezery mezi buňkami. Podobně jako u atributu cellpadding není HTML5 podporován ani atribut cellspacing. Níže je uveden příklad zápisu atributu cellspacing v HTML:

Hodnota atributu mezery buněk při určování prostoru v buňce je pixel. Následující příklad psaní kódu a použití mezer v HTML:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Cellspacing di HTML</title>
</head>
<body>
<table border="2" cellspacing="5">
<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>
</table>
</body>
</html>

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

Výše uvedené vysvětlení ilustruje rozdíl mezi cellpaddingem a mezerami mezi buňkami a použitím těchto dvou atributů, takže nemusíte být zmateni rozdíly mezi nimi.

Stručně řečeno, cellpadding reguluje vzdálenost mezibuněčná zeď (rám) a obsah buněk, zatímco rozestup buněk reguluje vzdálenost mezi jednou buňkou a jinou buňkou. Následuje příklad kódu pro psaní a používání atributů cellpadding a cellspacing v HTML:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Cellspacing dan Cellpadding di HTML</title>
</head>
<body>
<table border="2" cellspacing="5" cellpadding="5">
<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>

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

To je diskuse o funkci atributů cellpadding a cellspacing v tabulkách HTML. Doufejme, že rozumíte použití obou těchto atributů. Doufejme, že je to užitečné!

</p>

Číst dál: