أساسيات الجداول

في HTML، يُعد الجدول وسيلة لتنظيم البيانات في صفوف وأعمدة. تُستخدم الجداول عادةً لعرض البيانات بتنسيق منظّم، مثل الجداول الزمنية أو الإحصاءات أو أي نوع آخر من المعلومات التي يمكن تقديمها ضمن شبكة. لإنشاء جدول، تستخدم الوسم <table> إلى جانب وسوم أخرى، مثل <tr> لصفوف الجدول، و<td> لبيانات الجدول (الخلايا)، و<th> لرؤوس الجدول.

إليك البنية الأساسية لجدول HTML:

<table>
	<tr>
		<th>Header 1</th>
		<th>Header 2</th>
	</tr>
	<tr>
		<td>Row 1, Cell 1</td>
		<td>Row 1, Cell 2</td>
	</tr>
	<tr>
		<td>Row 2, Cell 1</td>
		<td>Row 2, Cell 2</td>
	</tr>
</table>

• <table>: الوسم الذي يعرّف الجدول.

• <tr>: الوسم الذي يعرّف صفًا في جدول.

• <th>: الوسم الذي يعرّف خلية عنوان. تُستخدم خلايا العناوين عادةً لعناوين الأعمدة أو الصفوف، وتُعرض بخط عريض افتراضيًا.

• <td>: الوسم الذي يعرّف خلية عادية في الجدول.

إليك كيفية عرض هذا الجدول في المتصفح:

في هذا المثال، لدينا جدول يتكوّن من صفّين وعمودين. يحتوي الصف الأول على خلايا العناوين، بينما تحتوي الصفوف التالية على خلايا البيانات العادية. ينشئ هذا الهيكل تخطيطًا شبكيًا بسيطًا يسهل قراءته وفهمه.