Учене на HTML част 24: Използване на атрибути на Cellpadding и Cellspacing в HTML

В предишната статия обяснихза създаването на таблици в HTML. За тези от вас, които преди сте прочели статията, разбира се, че вече знаете как да създавате таблици в HTML, заедно с няколко маркера, които поддържат използването на таблици в HTML.

Описание на това как да използвате няколко маркераи атрибутите на таблицата в HTML също са обяснени в предишни статии. В тази дискусия ще въведа други атрибути, които също поддържат използването на таблици в HTML, а именно атрибутите на клепачите и клетките. Следва обяснение на атрибутите за подреждане на клетки и променяне на клетки:

cellpadding

За определяне се използва атрибутът на клеткаинтервал в клетка, която е между клетъчната стена и съдържанието на клетката. Използването на атрибута за клетъчна поддръжка се поддържа само от HTML4.01, но не се поддържа от HTML5. Написването на HTML атрибута за подреждане на клетки е:

<table cellpadding="pixel">

Стойността на атрибута cellpadding при определяне на разстоянието в клетката е пиксел. Следният пример за писане на код и използване на подложка в 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>

След като HTML кодът се изпълни по-горе в браузъра, той ще се появи, както е показано по-долу:

cellspacing

Атрибутът cellpacing се използва за определянеразстояние между клетките. Подобно на атрибута за клетъчна поддръжка, атрибутът на клетъчни пространства също не се поддържа от HTML5. По-долу е даден пример за писане на атрибута на Cellpacing в HTML:

Стойността на атрибута cellpacing при определяне на пространството в клетката е пиксел. Следният пример за писане на код и използване на пространството за клетки в 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>

След като горният код се изпълни в браузъра, той ще се появи, както е показано по-долу:

Обяснението по-горе илюстрира разликата между клетъчните панели и пространството на клетките и използването на тези два атрибута, така че не е нужно да се бъркате в различията между тях.

Накратко, нанасянето на клетките регулира разстоянието между тяхклетъчната стена (рамка) и съдържанието на клетките, докато клетъчното регулиране регулира разстоянието между една клетка и друга клетка. По-долу е пример за кода за писане и използване на атрибутите за подреждане на клетки и разделяне на клетки в 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>

След като горният код се изпълни в браузъра, той ще се появи, както е показано по-долу:

клетъчна подложка и клетъчно пространство

Това е дискусията за функцията на атрибутите на клетъчни панели и на клетките в HTML таблиците. Надяваме се, че можете да разберете използването на двата атрибута. Дано това е полезно!

</ P>

Прочетете повече: