تعد جداول HTML أداة شائعة لتقديم البيانات في شبكة الإنترنت. يمكن استخدامها لعرض أي نوع من البيانات، من النص إلى الأرقام إلى الصور. جداول HTML سهلة الإنشاء والتخصيص، مما يجعلها خيارًا رائعًا لتقديم البيانات بطريقة واضحة وموجزة.
أنواع جداول HTML
هناك نوعان رئيسيان من جداول HTML:
جداول بسيطة: وهي جداول لا تحتوي على أي خلايا معقدة. يمكن أن تحتوي الخلايا في الجداول البسيطة على نص أو أرقام أو صور فقط.
جداول معقدة: وهي جداول تحتوي على خلايا معقدة. يمكن أن تحتوي الخلايا في الجداول المعقدة على عناصر HTML أخرى، مثل النماذج والقوائم والجداول المضمنة.
عناصر جدول HTML
تتكون جداول HTML من عدة عناصر، بما في ذلك:
: يمثل عنصر الجدول بداية الجدول.
: يمثل عنصر الرأس رأس الجدول.
: يمثل عنصر الجسم جسم الجدول.
: يمثل عنصر التذييل تذييل الجدول.
: يمثل عنصر الصف صفًا في الجدول.
: يمثل عنصر العمود عمودًا في الجدول.
: يمثل عنصر رأس العمود رأس عمود في الجدول.
سمات جدول HTML
يمكن استخدام سمات HTML لتخصيص مظهر وشعور الجداول. تتضمن بعض السمات الشائعة المستخدمة مع الجداول ما يلي:
border: تحدد سمك حدود الجدول.
cellpadding: تحدد المسافة بين الخلايا في الجدول.
cellspacing: تحدد المسافة بين خلايا الجدول.
width: تحدد عرض الجدول.
height: تحدد ارتفاع الجدول.
إنشاء جدول HTML
لإنشاء جدول HTML، يمكنك استخدام محرر نص بسيط أو محرر HTML. إليك خطوات إنشاء جدول HTML باستخدام محرر نص بسيط:
1. افتح محرر نص بسيط.
2. اكتب رمز بداية الجدول:
.
3. أضف صفًا إلى الجدول باستخدام رمز:
.
4. أضف عمودًا إلى الصف باستخدام رمز:
.
5. أدخل البيانات في الخلية باستخدام رمز: .
6. كرر الخطوات 3 و 4 و 5 حتى تضيف جميع البيانات التي تريدها إلى الجدول.
7. أغلق عنصر الجدول باستخدام رمز:
.
تخصيص جدول HTML
يمكنك تخصيص مظهر وشعور الجدول باستخدام سمات HTML. إليك بعض الأمثلة على كيفية استخدام سمات HTML لتخصيص الجداول:
لتعيين سمك حدود الجدول إلى 1 بيكسل، استخدم السمة: border=”1″.
لتعيين المسافة بين الخلايا في الجدول إلى 5 بكسل، استخدم السمة: cellpadding=”5″.
لتعيين المسافة بين خلايا الجدول إلى 10 بكسل، استخدم السمة: cellspacing=”10″.
لتعيين عرض الجدول إلى 500 بكسل، استخدم السمة: width=”500″.
لتعيين ارتفاع الجدول إلى 300 بكسل، استخدم السمة: height=”300″.
الخلاصة
جداول HTML هي أداة شائعة لتقديم البيانات في شبكة الإنترنت. يمكن استخدامها لعرض أي نوع من البيانات، من النص إلى الأرقام إلى الصور. جداول HTML سهلة الإنشاء والتخصيص، مما يجعلها خيارًا رائعًا لتقديم البيانات بطريقة واضحة وموجزة.