This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · تحتاج هذه الصفحة إلى متصفح حديث (يدعم SharedArrayBuffer). يرجى تحديث Chrome أو Edge أو Firefox أو Safari إلى أحدث إصدار.
English
Tables
- A table shows information in rows and columns.
- Start with
<table>. - Each row is a
<tr>(table row).
العربية
الجداول
- الجدول يعرض المعلومات في صفوف وأعمدة.
- ابدأ بـ
<table>. - كل صف هو وسم
<tr>(صف جدول).
English
Cells
- Inside each row, each cell is a
<td>(table data). - For a heading cell, like a column title, use
<th>— it shows in bold. - Give every row the same number of cells.
العربية
الخلايا
- داخل كل صف، يكون كل خلية
<td>(بيانات الجدول). - بالنسبة لخلية عنوان، مثل عنوان عمود، استخدم
<th>— يظهر بخط عريض. - امنح كل صف نفس عدد الخلايا.
<table>
<tr><th>Fruit</th><th>Colour</th></tr>
<tr><td>Apple</td><td>Red</td></tr>
<tr><td>Banana</td><td>Yellow</td></tr>
</table>
English
Common mistakes
- Cells (
<td>) go inside rows (<tr>). - Use
<th>for header cells.
العربية
أخطاء شائعة
- الخلايا (
<td>) توضع داخل الصفوف (<tr>). - استخدم
<th>لخلايا الترويسة.
English
Now you try
- A table is rows (
<tr>) holding cells (<td>or<th>). - Build a small table, then add a header cell.
العربية
الآن جرب بنفسك
- الجدول يتكون من صفوف (
<tr>) تحتوي على خلايا (<td>أو<th>). - قم بإنشاء جدول صغير، ثم أضف خلية ترويسة.
Make a table with two rows. Each row is a <tr>, and put a <td> cell inside each row.
Add a header cell so the column has a title. Use <th> instead of <td> for it.