Учење ХТМЛ-а, део 24: Коришћење атрибута Целлпаддинг и Целлспацинг у ХТМЛ-у

У претходном чланку сам објасниоо креирању табела у ХТМЛ-у. За оне од вас који сте раније прочитали чланак, наравно да већ знате како да креирате табеле у ХТМЛ-у заједно са неколико тагова које подржавају употребу табела у ХТМЛ-у.

Опис како се користи више таговаи атрибути табеле у ХТМЛ-у такође су објасњени у претходним чланцима. У овој расправи представит ћу и друге атрибуте који такође подржавају употребу таблица у ХТМЛ-у, наиме атрибуте ћелије и постављања ћелија. Следи објашњење атрибута ћелије и простирања ћелије:

Целлпаддинг

Атрибут целпаддинг се користи за одређивањеразмак у ћелији који се налази између ћелијског зида и садржаја ћелије. Употреба атрибута целпаддинг подржава само ХТМЛ4.01, али га ХТМЛ5 не подржава. Писање атрибута ХТМЛ целлпаддинг је:

<table cellpadding="pixel">

Вредност атрибута ћелија у одређивању размака у ћелији је пиксела. Следећи узорак за писање кода и коришћење целпаддинг-а у ХТМЛ-у:

<!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>

Након што се горе изврши ХТМЛ код у прегледачу, појавиће се као што је приказано у наставку:

Целлспацинг

Атрибут ћелијског пресјека користи се за одређивањеразмак између ћелија. Слично као атрибут Целлпаддинг, атрибут Целлпацинг такође није подржан од стране ХТМЛ5. Испод је пример писања атрибута целлпацинг у ХТМЛ-у:

<табле целлпацинг = "пиксела">

Вредност атрибута ћелија у одређивању простора у ћелији је пиксела. Следећи узорак писања кода и коришћење ћелије у ХТМЛ-у:

<!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>

Након извршавања горњег кода у прегледачу, појавиће се као што је приказано у наставку:

Претходно објашњење илуструје разлику између постављања ћелије и меморије ћелија и употребе ова два атрибута, тако да вас не треба збунити у погледу разлике између њих.

Укратко, подметач регулише удаљеност измеђућелијски зид (оквир) и садржај ћелије док ћелијски размак регулише удаљеност између једне ћелије и друге ћелије. Следи пример кода за писање и коришћење атрибута целпаддинг-а и целлпацинг у ХТМЛ-у:

<!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>

Након извршавања горњег кода у прегледачу, појавиће се као што је приказано у наставку:

То је дискусија о функцији атрибута ћелија и подешавања ћелија у ХТМЛ табелама. Надамо се да можете разумети употребу оба ова својства. Надам се да је ово корисно!

</п>

Прочитајте још: