HTML td Tag

HTML td Tag – يحدد الوسم <td> خلية بيانات قياسية في جدول HTML.

HTML td Tag

مثال للتوضيح

إستخدام وسم <td> لتحديد خلايا بيانات الجدول:

Languages percents
Number	Languages	Percent
1	HTML	90%
2	CSS	91%
3	JavaScript	95%

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>HTML table example</title>
    
    <style>
       tr, th, td {
	      border: 1px solid #999;
       }
    </style>
  </head>
  <body>
    
    <table>
       <caption>Languages percents</caption>
       <tr>
         <th>Number</th>
         <th>Languages</th>
         <th>Percent</th>
       </tr>
       <tr>
         <td>1</td>
         <td>HTML</td>
         <td>90%</td>
       </tr>
       <tr>
         <td>2</td>
         <td>CSS</td>
         <td>91%</td>
       </tr>
       <tr>
         <td>3</td>
         <td>JavaScript</td>
         <td>95%</td>
       </tr>
    </table>
    
  </body>
</html>

Languages percents
Number	Languages	Percent
1	HTML	90%
2	CSS	91%
3	JavaScript	95%

ملاحظة

تحتوي جداول HTML على نوعين من الخلايا:

خلايا الرأس Header (يتم إنشاؤها باستخدام وسم <th>): تحتوي على معلومات رأس الجدول. يكون النص الموجود بداخله غامقًا bold ويتم توسيطه افتراضيًا.
خلايا البيانات Data (يتم إنشاؤها باستخدام وسم <td>): تحتوي على بيانات. يكون النص الموجود بداخله عاديًا regular ومحاذاة إلى اليسار افتراضيًا.