Öğrenme HTML Bölüm 24: Nitelikler cellpadding ve cellspacing Kullanımı HTML

Önceki makalede açıkladımHTML'de tablo oluşturma hakkında. Makaleyi daha önce okuyanlar için, elbette HTML'de tabloların nasıl oluşturulacağını ve HTML'deki tabloların kullanımını destekleyen birkaç etiketin nasıl oluşturulacağını zaten biliyorsunuz.

Birden çok etiketin nasıl kullanılacağına ilişkin açıklamaHTML'deki tablo özellikleri de önceki makalelerde açıklanmıştır. Bu tartışmada, HTML'de tabloların kullanımını destekleyen diğer nitelikleri, yani hücre dolgusu ve hücre boşluğu niteliklerini tanıtacağım. Aşağıda, hücre dolgusu ve hücre boşluğu özelliklerinin bir açıklaması yer almaktadır:

cellpadding

Cellpadding özniteliğini belirlemek için kullanılırhücre duvarı ve hücre içeriği arasındaki bir hücrede boşluk çubuğu. Cellpadding özniteliğinin kullanımı yalnızca HTML4.01 tarafından desteklenir, ancak HTML5 tarafından desteklenmez. HTML cellpadding özniteliğinin yazımı:

<table cellpadding="pixel">

Bir hücredeki boşluğu belirlemede hücre paneli özelliğinin değeri pikseldir. HTML'de hücre dolgusu yazmak ve kullanmak için aşağıdaki örnek kod:

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

Yukarıdaki HTML kodu tarayıcıda yürütüldükten sonra, aşağıda gösterildiği gibi görünecektir:

cellspacing

Hücre aralığı özelliği,hücreleri arasındaki mesafe. Benzer şekilde, cellpadding nitelikleri, cellspacing özniteliği HTML5 tarafından desteklenmemektedir. Aşağıda HTML içinde cellspacing özelliklerini yazma örneğidir:

hücrede aralığı belirlemede öznitelik CellSpacing değeri bir pikseldir. Burada HTML kodu ve kullanım cellspacing yazma bir örnek:

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

Yukarıdaki kod tarayıcıda yürütüldükten sonra aşağıda gösterildiği gibi görünecektir:

Yukarıdaki açıklama, hücre dolgusu ve hücre aralığı arasındaki farkı ve bu iki özelliğin kullanımını göstermektedir, böylece ikisi arasındaki farklar konusunda kafanız karışmaya gerek yoktur.

Kısacası, hücre dolumu arasındaki mesafeyihücre boşluğu (çerçeve) ve hücre içeriği ise hücre aralığı bir hücre ile başka bir hücre arasındaki mesafeyi düzenler. Aşağıda, HTML'de hücre dolgusu ve hücre aralığı niteliklerini yazma ve kullanma koduna bir örnek verilmiştir:

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

Yukarıdaki kod tarayıcıda yürütüldükten sonra aşağıda gösterildiği gibi görünecektir:

Bu, HTML tablolarındaki hücre dolgusu ve hücre aralığı niteliklerinin işlevi hakkındaki tartışmadır. Umarım bu özelliklerin her ikisinin de kullanımını anlayabilirsiniz. Umarım bu faydalıdır!

</ P>

Daha fazla bilgi için: